Bonjour,
j'ai besoin d'aide pour faire fonctionner ma fonction:
- J'ai une liste d'images, sur chacune d'elle je veux ajouter un titre et une icône.
- le titre de l'image doit être ajouté en fonction d'un mot contenu/présent dans l'url de l'image affichée.
- l'icône de l'image doit être ajouté en fonction du titre affiché
Mes 4 première images représentent respectivement : Anglais, boxe thai, cyclisme, modern-jazz. j'en ai 29 au total.
Je tente d'alaborer un script jquery qui analyse chaque image et lui applique le titre et l'icône qui corresponde (à l'url de) l'image
Les url de mes images sont sous cette forme : http://monsite.fr/images/cours-anglais.jpg ; http://monsite.fr/images/boxe-thai-kick-boxing-k1.jpg ; http://monsite.fr/images/cyclisme.jpg ; http://monsite.fr/images/danse-moder...ssique-grs.jpg.
voici mon script :
Dans l'état actuel le mot Anglais s'affiche sur les 29 images !
POur les icônes je pense pas rencontrer de problèmes ce sera plus simple une fois que j'aurais afficher le titre de chaque image.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 var ls = jQuery.noConflict(); ls(document).ready(function(){ ls("#sections-img-square .vc_single_image-wrapper img").each(function(){ var txturl = ls(this).attr('src'); var correspond = txturl.search(/anglais/);// et voici les auttres termes à comparer boxe ; cyclisme; modernjazz if (correspond > -1) { //le problème vient probablement de cette ligne, mais je en sais pas comment faire la comparaison entre deux fonctions ls("#sections-img-square .vc_single_image-wrapper .title-sec").text("ANGLAIS"); } }); });
Ce qui serait bien, ce serait de pouvoir comparer plusieurs mots avec plusieurs url d'images en une fois avec la fonction "match", mais là je dépasse mes limites de connaissances et d'expérimentation.
merci à ceux qui pourront m'aider et me guider.
Partager