Bonjour tous le monde,

J'ai un script qui affiche des images sur toute la surface de ma page.
Celui-ci genere une liste d'images. Le premier <li> a un style display:list-item
et tous les autres ont un style display:none.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div id="bgstrecher" class="bgstrecher">
      <ul>
            <li class="landscapes bgs-current" style="display:list-item"><img src="path img 1" /></li>
            <li class="landscapes" style="display:none"><img src="path img 2" /></li>
            <li class="landscapes" style="display:none"><img src="path img 3" /></li> 
            <li class="landscapes" style="display:none"><img src="path img 4" /></li> 
      <ul>
</div>
J'ai creer une autre liste similaire a la premiere. Quand je clique sur un element je recupere ca valeur (le chemin d'une image) pour pouvoir le comparer au chemin des images de ma premiere liste. Et ainsi appliquer un nouveau style sur le <li> contenant cette image pour pouvoir afficher l'image.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div id="pagination">
      <a class="pagination">path img 1</a>
      <a class="pagination">path img 2</a>
      <a class="pagination">path img 3</a>
      <a class="pagination">path img 4</a>
</div>
Mon script:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
$('#pagination a').live("click", function(){
  linkvalue = $(this).text();
   alert("link : " + linkvalue);
 
 $('#bgstretcher li img').each(function(index) {
 alert(index + ': ' + $(this).attr("src"));
 
                         if ($(this).attr("src") == linkvalue ) { 
       alert ("found");
  }
 });
 });

Mon probleme est que linkvalue n'a pas l'air de fonctionner.
Avez-vous une idee?

Cordialement