[css et préchargement d'images]

[css et préchargement d'images] - HTML/CSS - Programmation

Marsh Posté le 20-02-2003 à 17:22:07    

hello
j'ai besoin de savoir comment précharger des images ou en tout cas qu'elles soient "cachée" c à dire pas retéléchargées à chaque fois , pour faire des effets mouseover en utilisant des classes css ...
 
schématiquement ce serait pour ce cas la (ca marche pas la dans l'exemple mais bon c 'lidée qui compte)
 
.classe_mover {
  background-image:url(image_mover.gif);
}
 
.class_mout {
  background-image:url(image_mout.gif);
}
 
 
 
<div style="width:50px;hieght:50px;" onmouseover="this.className='classe_mover';" nmouseout="this.className='classe_mout';" />
 
 
 
 
voila en fait je trouve que les changements de classe sont lents car il tcheck à chaque fois s'il a l'image etc... j'aimerais que ce soit le plus rapide possible et j'aimerais aussi si possible de précharger les images ... comment puis je faire ?
 
merci bcp de votre aide constructive !

Reply

Marsh Posté le 20-02-2003 à 17:22:07   

Reply

Marsh Posté le 20-02-2003 à 17:40:01    

La seule manière que je connaisse pour précharger une image, c'est avec du JS.
 

Code :
  1. function precharg()
  2. {
  3. img1 = new Image;
  4. img1.src = "images/png/truc.png";
  5. img2 = new Image;
  6. img2.src = "images/png/truc-on.png";
  7. etc...
  8. }


 
Puis dans le body :
 

Code :
  1. <body onload="precharg()";

Reply

Marsh Posté le 20-02-2003 à 17:56:42    

yess je connais cette facon la mais j'aimerais savoir si les images préchargées ainsi sont utilisables partout, meme si on sette une classe css qui se serve de celles ci via une url vers 'limage, et pas spécialement l'objet image créé par JS ... voila ... sinon je me suis rendu compte, que mon truc marche nickel quand on met dans TOOLS > INTERNET OPTIONS > TEMPORARY INTERNET FILES > SETTINGS > AUTOMATICALLY ou autres options, sauf pour l'option A CHAQUE FOIS ...
 
voila donc c presque bon mon truc mais voila si je pouvais neanmoins precharger mes images et les rendre accessibles par css ce serait de al bombe :/

Reply

Marsh Posté le 20-02-2003 à 18:13:05    

Hermes le Messager a écrit :

La seule manière que je connaisse pour précharger une image, c'est avec du JS.


Avec un peu de CSS, on peut s'en sortir :
http://www.wpdfd.com/editorial/wpd1102.htm#feature ( http://www.wpdfd.com/editorial/thebox/example10.html )


Message édité par gm_superstar le 20-02-2003 à 18:14:34

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-02-2003 à 18:25:05    

ok c bien ce que je pensais ... en mettant "recharger à chaque visite" j'ai le scintillement moche, et pas autrement, donc ya rien a faire ....
 
merci :p

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed