Discussion :

[lili2704]

Bonjour,
J'ai une div qui contient des images

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div id="moteur_image">				 
<div class="container_image">
<ul class="thumb">
<li><a href="images/thumb1.jpg"><img src="images/thumb1.jpg" alt="" /></a></li>
<li><a href="images/thumb2.jpg"><img src="images/thumb2.jpg" alt="" /></a></li>
<li><a href="images/thumb3.jpg"><img src="images/thumb3.jpg" alt="" /></a></li>
<li><a href="images/thumb4.jpg"><img src="images/thumb4.jpg" alt="" /></a></li>
<li><a href="images/thumb5.jpg"><img src="images/thumb5.jpg" alt="" /></a></li>
<li><a href="images/thumb6.jpg"><img src="images/thumb6.jpg" alt="" /></a></li>
<li><a href="images/thumb7.jpg"><img src="images/thumb7.jpg" alt="" /></a></li>
<li><a href="images/thumb8.jpg"><img src="images/thumb8.jpg" alt="" /></a></li>
<li><a href="images/thumb9.jpg"><img src="images/thumb9.jpg" alt="" /></a></li>
<li><a href="images/thumb4.jpg"><img src="images/thumb4.jpg" alt="" /></a></li>
<li><a href="images/thumb5.jpg"><img src="images/thumb5.jpg" alt="" /></a></li>
<li><a href="images/thumb6.jpg"><img src="images/thumb6.jpg" alt="" /></a></li>
<li><a href="images/thumb7.jpg"><img src="images/thumb7.jpg" alt="" /></a></li>
<li><a href="images/thumb8.jpg"><img src="images/thumb8.jpg" alt="" /></a></li>
<li><a href="images/thumb9.jpg"><img src="images/thumb9.jpg" alt="" /></a></li>
<li><a href="images/thumb6.jpg"><img src="images/thumb6.jpg" alt="" /></a></li>
<li><a href="images/thumb7.jpg"><img src="images/thumb7.jpg" alt="" /></a></li>
<li><a href="images/thumb8.jpg"><img src="images/thumb8.jpg" alt="" /></a></li>
<li><a href="images/thumb9.jpg"><img src="images/thumb9.jpg" alt="" /></a></li>
</ul>
</div>
</div>

Et je voudrais n'afficher que les dix première grâce à lazyload, est-ce possible? J'ai bien trouvé le js de lazyload mais je ne sais pas comment le coder en jquery.
Merci beaucoup

[SpaceFrog]

essaye

Code :

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

$("#moteur_image>.container_image>ul>li>a>img:lt(10)").lazyload();

[danielhagnoul]

Bonsoir

essaye

Code :

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

$("#moteur_image>.container_image>ul>li>a>img:lt(10)").lazyload();

Code :

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

1
2
3
4
/*
 * S'il n'existe qu'un seul ul.thumb contenant des img
 */
$("ul.thumb img:lt(10)")

[SpaceFrog]

qui dit qu'il n'y a pas d'autres divs moteur_image ?

[danielhagnoul]

qui dit qu'il n'y a pas d'autres divs moteur_image ?

S'il n'existe qu'un seul ul.thumb contenant des img

Je ne corrige pas ton code, je propose simplement une variante dans le cas où la condition que j'énonce est remplie, car plus un sélecteur est complexe plus il est lent.