[HTML] mettre en cache des images

Marsh Posté le 02-09-2002 à 03:36:29

J'utilise ce code pour avoir deux états pour mes boutons
mais le problème est que la deuxième image met un certain temps a ce charger lorsqu'on passe la souris dessus ce qui n'est pas très plaisant. Alors si quelqu'un avait une soluce, si possible sans javascript. Merci

Code :

<div style="width:170;height:43;background-image:url('images/liens.jpg')"
onmouseover="this.style.backgroundImage='url(images/liens_over.jpg)'"
onmouseout="this.style.backgroundImage='url(images/liens.jpg)'"
onclick="window.location='liens.php'" ></div>

Reply

Marsh Posté le 02-09-2002 à 03:36:29

Reply

Marsh Posté le 02-09-2002 à 03:44:51

Tu la préloades sur ta page d'accueil avec un lien <img src="" /> Et ensuite tu te débrouilles pour qu'elle s'affiche po

Reply

Marsh Posté le 02-09-2002 à 04:19:22

oui c'est bon j'ai trouvé, je fais comme cela pour mettre en cache

Code :

<p style="display:none">
<img width="170" height="43" src="image.jpg" alt=""/>
</p>

Message édité par ICE le 02-09-2002 à 04:21:57

Reply

Marsh Posté le 02-09-2002 à 17:19:38

Tu peux même faire mieux, sans le <p>

Reply

Marsh Posté le 02-09-2002 à 17:21:29

en fait si tu avait web expert ce serait plus simple pour faire des truc de ce style car il y a plein de ptt truc pour cela mais je me rappelle plus :gun:

Reply

Marsh Posté le 02-09-2002 à 17:33:04

Bah heu WebExpert il fait pas de "trucs" il fait du HTML, et t'as aussi vite fait à la main.

Reply

Marsh Posté le 02-09-2002 à 21:32:04

dans la balise body tu fais un onload qui appelle une fonction qui créer des objets images, tout simplement.

Reply

Marsh Posté le 02-09-2002 à 21:49:35

W3C Compliant a écrit a écrit :

Tu peux même faire mieux, sans le <p>

et dans ce cas tu utilise quelle balise svp :??:

Reply

Marsh Posté le 02-09-2002 à 22:16:30

cela dit, je pige pas pq tu veux le faire sans JS puisque le onmouseover/out fait appel au JS... Du coup les clients qui ont desactivés JS doivent quand meme preloader des images qu'ils ne verront pas. spacool !

---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!

Reply

Marsh Posté le 04-09-2002 à 21:11:08

izz a écrit a écrit :

et dans ce cas tu utilise quelle balise svp

Directement dans la balise IMG

Reply

Marsh Posté le 04-09-2002 à 21:11:08

Reply

Marsh Posté le 04-09-2002 à 21:55:55

avec js :

Code :

test = new Image()
test.src = "test.png"

et tu fou le script en haut de page comme ca il charge en premier

Reply

Marsh Posté le 04-09-2002 à 22:54:16

Maxime a écrit a écrit :

avec js :

Code :

test = new Image()
test.src = "test.png"

et tu fou le script en haut de page comme ca il charge en premier

ça suffit pas ça... Comme l'a indiqué Gizmo, faut ajouter un onload dans le doby... (G testé pour vous ya déjà longtemps... )

Reply

Marsh Posté le 04-09-2002 à 22:58:17

bon en metant un onload en plus

Reply

[HTML] mettre en cache des images

Sujets relatifs:

Leave a Replay