Comment appliquer lazyload a toutes les images d'une div

Bonjour,
J'ai une div qui contient des images

Code:

---

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

essaye

Code:

---

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

---

Bonsoir

Citation:

---

Envoyé par SpaceFrog

essaye

Code:

---

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

---

---

Code:

---

1 2 3 4

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

---

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

Citation:

---

Envoyé par SpaceFrog

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

---

Citation:

---

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.