Discussion :

[3logy]

Salut a Tous!

Le titre n'est pas assez exhaustif. J'ai le HTML suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<div class="stave-container">
  <section id="Captcha"></section>
  <div id="horiz_container_outer">
     <img class="img1" />
       ...
     <img class="imgn"/>
  </div>
</div>

la section #Captcha est fixe!

le div #horiz_container_outer est "scrollable" et contient des imgs !!

Comment detecter lors du scrolling quel image se trouve actuellement derriere la section #Captcha?

Merci

[NoSmoking]

Bonjour,

1. récupération de la position en Y de chaque IMG
2. récupération de la position du scroll de la DIV
3. comparaison et déduction

[3logy]

Merci beaucoup!

ma soluce :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
$("#horiz_container_outer > img").each(function(){
          console.log(this);
          console.log($(this).offset());
          console.log($("#Captcha").offset());
          if( $("#Captcha").offset().left > $(this).offset().left )
            {
              console.log($(this).attr("alt"));
            }
        })

les consoles sont la titre representatif !!