Afficher les images html uniquement lorsque l'élément est affiché

Question

J'ai vu cela sur Hulu.com une fois, mais je n'arrive pas à le voir se comporter de cette façon.

Le problème est que j'ai un "chapiteau" qui glisse lorsque vous cliquez sur le bouton suivant. Il y a 2 images par section, soit un total d'environ 40 sections.

Le problème est que le navigateur charge toutes les images 40 * 2 et il consomme de la bande passante comme un fou.

Y at-il un moyen de, vu charger les images lorsque la "diapositive" est montré?

Answer 1

Chargez-les en ajax. Regardez jquery pour cela, c'est le moyen le plus simple.

Il semble également que vous faites un carrousel. Peut-être que vous pourriez utiliser one of the many existing solutions qui gère déjà le chargement assynchrone de données.