Anything Plugin Slider pour utiliser le plugin Lazy Load

Question

Je suis en train de mettre en œuvre l'excellent Anything Slider plugin par Css Tricks en utilisant un certain nombre d'images haute résolution, ce qui rend le chargement de la page assez lent.

Est-ce que quelqu'un sait comment intégrer le Lazy Load plugin pour utiliser Anything Slider?

Answer 1

Ok, bien, ce n'est pas une solution, mais je poste ce pour tous ceux qui connaissent ce même type de problème. Je ne savais pas comment contrôler le chargement des images de ma galerie après que toutes les autres images d'arrière-plan css sur la page aient été chargées (par exemple le logo du site, la galerie bg, etc.).

Pour une solution temporaire, et oui, je suis au courant des différents écroulements, procédez comme suit:

• créer un div en haut de votre corps html, et défini comme display: none.
• insérez tous les éléments d'image qui ont été chargés en dernier dans cette div (assurez-vous qu'ils ont le même chemin).
• ces images se chargeront désormais sur la page et gagneront la priorité même si elles sont finalement que d'être appelés à afficher par css

Quelques choses à noter:

• Si vous avez beaucoup d'images ou plusieurs pages, n'utilisez pas cette méthode . Ce sera une douleur à l 'entretien que vous devrez effectuer le nom d'image changements de nombreuses fois
• J'ai testé aussi complètement que possible et cela semble ne pas affecter la vitesse de chargement, mais je peux me tromper