Télécharger les miniatures de timthumb?

Question

Je suis en train de charger sur 300+ vignettes en utilisant les éléments suivants dans une boucle et un
ul id="imagesContainer"

echo "<li><a href=\"$dirname$curimg\" rel='prettyPhoto[gallery2]'><img class='lazy' data-original='img.php?src=$dirname$curimg&amp;w=300&amp;zc=1' width='300' height='300' src='img.php?src=$dirname$curimg&amp;w=300&amp;zc=1' /></a></li>" ; 

et juste avant </body>

$(function() { 
$("img.lazy").lazyload({ 
    container: $("#imagesContainer"), 
    effect : "fadeIn", 
    failure_limit : 5 
}); 
}); 

Mon problème est que toutes les images sont chargées au début et non pas dès que je fais défiler vers eux, résultant de plus de 300 demandes de chargement de la page. Aucune suggestion?

Answer 1

Mon erreur au lieu de

echo "<li><a href=\"$dirname$curimg\" rel='prettyPhoto[gallery2]'><img class='lazy' data-original='img.php?src=$dirname$curimg&amp;w=300&amp;zc=1' width='300' height='300' src='img.php?src=$dirname$curimg&amp;w=300&amp;zc=1' /></a></li>" ; 

ici est le bon code qui fonctionne

echo "<li><a href=\"$dirname$curimg\" rel='prettyPhoto[gallery2]'><img class='lazy' data-original='img.php?src=$dirname$curimg&amp;w=300&amp;zc=1' width='300' height='300' /></a></li>" ;