2014-07-20 4 views
0

Sur le site this j'ai trouvé quelques explications sur le préchargement des images.Pourquoi le javascript est-il nécessaire pour précharger les images?

<SCRIPT LANGUAGE="JavaScript"> 
Image1= new Image(175,50) 
Image1.src = "image1.gif" 

Image2 = new Image(25,30) 
Image2.src = "image2.gif" 

Image3 = new Image(125,80) 
Image3.src = "image3.gif" 

</SCRIPT> 

Quelqu'un pourrait-il expliquer, quelle est la différence entre le code ci-dessus et les éléments suivants:

<div style="display:none;"> 
<img id="Image1" src="image1.gif"> 
<img id="Image2" src="image2.gif"> 
<img id="Image3" src="image3.gif"> 
</div> 

Dans les deux cas, les images sont mises en cache et prêt à l'emploi quelque part sur la page. Pourquoi avons-nous besoin d'un code spécial de préchargement js?

+2

car js peut charger du avant tout est visible, et il peut effectuer une pré-charge sur plusieurs pages sans ballonnements le html. – dandavis

+0

Vous ne pouvez vraiment bénéficier de la mise en cache que si vous voulez changer une image à l'écran. La dernière fois que j'ai vu un code comme celui-ci, nous avons modifié les images affichées. –

+0

Je dirais qu'un autre avantage est que votre balisage est plus propre en utilisant JS. Vous n'êtes pas bourré de choses dans le DOM simplement dans le but de le pré-charger. – Yuck

Répondre

1

Certains avantages que je peux penser:

  • boucles, il vous suffit de spécifier le dossier d'image une fois.
  • Un meilleur contrôle sur le moment où vous souhaitez effectuer une pré-charge
  • Cleaner DOM
+0

ok, mais tout cela ne suffit pas pour créer autant de plugins spéciaux pour les images préchargées. – bonaca

Questions connexes