Tom's Guide > Forum > Programmation > [Résolu] Préchargement d'image JS

[Résolu] Préchargement d'image JS

Forum Programmation : [Résolu] Préchargement d'image JS

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre

Lire la meilleure réponse, apportée par OmaR.

Mot :    Pseudo :           
 
Badge Programmation Bronze Allstar27   03-02-2009 à 18:46:17

Bonjour,

J'ai créer un background pour un bouton "input". A l'ouverture de la page le bouton s'affiche correctement, mais le problème c'est que j'ai également créer un autre background pour le "input:hover" et lorsque je vide mon cache et que je survol cet input, il y a environ 1 seconde de décalage pour que le background du input:hover s'affiche.

Il y aurait-il un moyen de préchargé le background de "input:hover" avant de faire un survol, donc à l'ouverture de la page?

Merci d'avance.

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
Répondre
Meilleure réponse apportée par OmaR
Salut,

 

Pour précharger une image:

Code :
  1. <script type="text/javascript">
  2. <!--
  3. if (document.images)
  4. {
  5.   preload_image = new Image(25,25);
  6.   preload_image.src="http://mydomain.com/image.gif";
  7. }
  8. //-->
  9. </script>
 

Pour en précharger plusieurs:

 
Code :
  1. <script type="text/javascript">
  2. <!--
  3. if (document.images)
  4. {
  5.   preload_image_object = new Image();
  6.   // set image url
  7.   image_url = new Array();
  8.   image_url[0] = "http://mydomain.com/image0.gif";
  9.   image_url[1] = "http://mydomain.com/image1.gif";
  10.   image_url[2] = "http://mydomain.com/image2.gif";
  11.   image_url[3] = "http://mydomain.com/image3.gif";
  13.   var i = 0;
  14.   for(i=0; i<=3; i++)
  15.     preload_image_object.src = image_url[i];
  16. }
  17. //-->
  18. </script>

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
OmaR   03-02-2009 à 22:23:22
Meilleure réponse

Salut,

 

Pour précharger une image:

Code :
  1. <script type="text/javascript">
  2. <!--
  3. if (document.images)
  4. {
  5.   preload_image = new Image(25,25);
  6.   preload_image.src="http://mydomain.com/image.gif";
  7. }
  8. //-->
  9. </script>
 

Pour en précharger plusieurs:

 
Code :
  1. <script type="text/javascript">
  2. <!--
  3. if (document.images)
  4. {
  5.   preload_image_object = new Image();
  6.   // set image url
  7.   image_url = new Array();
  8.   image_url[0] = "http://mydomain.com/image0.gif";
  9.   image_url[1] = "http://mydomain.com/image1.gif";
  10.   image_url[2] = "http://mydomain.com/image2.gif";
  11.   image_url[3] = "http://mydomain.com/image3.gif";
  13.   var i = 0;
  14.   for(i=0; i<=3; i++)
  15.     preload_image_object.src = image_url[i];
  16. }
  17. //-->
  18. </script>


Message édité par OmaR le 03-02-2009 à 22:23:36
Répondre à OmaR
Badge Programmation Bronze Allstar27   05-02-2009 à 14:52:03

Yop, merci OmaR, c'est exactement se que je voulais.

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > [Résolu] Préchargement d'image JS
Aller à :

Il y a 2928 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,389 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens