Html pas de préchargement

Question

Je dois utiliser une galerie avec JQuery (j'utilise Galleria). Le problème est que la structure est comme:

<div id="galleria"> 
    <img src="(...).jpg" /> 
    <img src="(...).jpg" /> 
    <img src="(...).jpg" /> 
    <!-- ... --> 
</div> 

Le plugin prend toutes les photos de cette liste et les utilise. Le problème: j'ai beaucoup de photos de haute qualité. Et tout ce qu'ils sont préchargé avant plugin peut les utiliser. Existe-t-il des moyens de charger les images de manière dynamique? (Peut-être, un nouveau plugin de galerie).

Answer 1

C'est là jQuery LazyLoad plugin est très pratique :)

loader Lazy est un plugin jQuery écrit en JavaScript. Il retarde le chargement des images dans les pages Web (longues). Les images en dehors de la fenêtre d'affichage (partie visible de la page Web ) ne seront pas chargées avant que l'utilisateur n'y défile. Ceci est l'opposé de préchargement d'image. L'utilisation de la charge paresseuse sur les longues pages Web contenant de nombreuses grandes images accélère le chargement de la page . Le navigateur sera en état prêt après le chargement des images visibles. Dans certains cas, il peut également aider à réduire la charge du serveur.

Demo Page