Se connecter avec
S'enregistrer | Connectez-vous
Votre question

Question

allstar27 http://m.bestofmedia.com/sfp/design/usr/fr/avatars/23/e4/223512.jpg
Expert Programmation
Initié
| dans Programmation

Préchargement d'image JS

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.
0
Vous devez être inscrit pour voter pour une question
  • Partagez
  • Etre averti des réponses
  • Ajouter aux favoris
Lassé par la pub ? Créez un compte
Ces contenus peuvent également vous intéresser
Solutions (2)
Meilleure solution
OmaR http://m.bestofmedia.com/sfp/design/usr/fr/avatars/5f/30/68307.gif
Expert Programmation
Modérateur
Salut,

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


Pour en précharger plusieurs:

  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] = "<a href="http://mydomain.com/image0.gif" target="_blank">http://mydomain.com/image0.gif</a>";
  9. image_url[1] = "<a href="http://mydomain.com/image1.gif" target="_blank">http://mydomain.com/image1.gif</a>";
  10. image_url[2] = "<a href="http://mydomain.com/image2.gif" target="_blank">http://mydomain.com/image2.gif</a>";
  11. image_url[3] = "<a href="http://mydomain.com/image3.gif" target="_blank">http://mydomain.com/image3.gif</a>";
  12.  
  13. var i = 0;
  14. for(i=0; i<=3; i++)
  15. preload_image_object.src = image_url[i];
  16. }
  17. //-->
  18. </script>
  • Partagez
Autres solutions (1)
Trier par
allstar27 http://m.bestofmedia.com/sfp/design/usr/fr/avatars/23/e4/223512.jpg
Expert Programmation
Initié
Voter contre
Vous devez avoir un badge bronze dans cette catégorie pour votre contre une solution.
Score 0
Voter pour
Ce score indique à quel point cette solution est soutenue par la communauté. Vous devez être inscrit pour voter pour une solution. Créez votre compte ou identifiez-vous.
Yop, merci OmaR, c'est exactement se que je voulais.
Lassé par la pub ? Créez un compte
non identifié
Vous n'êtes pas identifié. Se connecter ou S'enregistrer
Tom's guide dans le monde