mes images sont pas préchargées [JS preload d'images] - HTML/CSS - Programmation
Marsh Posté le 22-05-2002 à 18:57:42
code Macromedia via dreamweaver de daube:
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#" )!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?" ))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
pour le JS
<body bgcolor="#003b78" text="#000000" onLoad="MM_preloadImages('/image/accueil_ro
ll.gif','/image/histoire_roll.gif
9;,'/image/metiers_roll.gif','/i
mage/annuaire_roll.gif','/image/public
ations_roll.gif','/image/certification
_roll.gif','/image/formation_roll.gif
','/image/espace_roll.gif','
;/image/contact_roll.gif','/image/menu
1_roll.gif','/image/drapo_roll.gif
39;,'/image/menu2_roll.gif','/im
age/menu3_roll.gif'">
pour le body
<a href="/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('accueil1',
'','/image/accueil_roll.gif
9;,1)"><img name="accueil1" src="/image/accueil.gif" width="113" height="25" border="0"></a>
pour une image type ....
Marsh Posté le 22-05-2002 à 19:01:24
euh ouais moi je demandais "code" pour que le coco fasse pt son code pour lui dire ce qui était po bon hein...
Marsh Posté le 22-05-2002 à 19:02:38
mouais
euh
ça m'étonne quand même que MM sorte un code foireux. .... j'aimerais savoir d'où vient l'erreur! sinon si faut faire le code je le fais en deux secondes, mais seratil compatible partout :'(
Marsh Posté le 22-05-2002 à 19:06:49
k666 a écrit a écrit : mouais euh ça m'étonne quand même que MM sorte un code foireux. .... |
moi pas, et c'est illisible avec ça...
Marsh Posté le 23-05-2002 à 10:11:12
ya kelkun qui pourrait m'aider ???
le preload marche impecc sur netscape/mozilla
y que sur IE que le rollover est hyper lent,p aske il met pas les images préchargées .....
Marsh Posté le 23-05-2002 à 10:17:18
d'ailleurs j'ai l'impression que le preload dimages n'a jamais marché sur IE ...
ya un autre site pour que voyez, avec netscape il preload bien, mais avec IE, c toujours la même merde, il va toujours chercher l'image sur le serveur ...
alors je sais pas ski spasse ... mais si kelkun a une page dans laquelle yaie des effets de rollover fluides sur IE, passez moi l'adresse siouplé !
Marsh Posté le 23-05-2002 à 10:19:12
exemple de rollover foireux :
http://www.toobo.tiscali.fr/evenem [...] mmaire.asp
ya qu'à regarderdans la ptite fenêtre connexion, chaque fois que vous bougez votre souris ça recharge l'image .....
et bon ... je cherche surtout un exemple de rollover qui marche vraiment .. je sais pas non plus si c pas mes paramètres ie qui me font ça ...
Marsh Posté le 23-05-2002 à 10:22:44
okokokoko !
j'ai compris !!!!
je sais pourquoi c foireux sur IE ... c nul
fo mettre la gestion du cache en AUTOMATIQUE, si vous le mettez en A CHAQUE VISITE DE LA PAGE il est taré et va toujours chercher l'image
keske c de la merde qd même
Marsh Posté le 23-05-2002 à 10:31:23
k666 a écrit a écrit : exemple de rollover foireux : http://www.toobo.tiscali.fr/evenem [...] mmaire.asp |
marche très bien chez moi (ie6) quand les images sont chargées (au premier rollover).
ie ne RECHARGE PAS l'image à chaque rollover, il fait une requête HTTP pour savoir si l'image a changé. la réponse ne prend que qq dizaines d'octets.
pour un rollover qui marche vraiment partout, tu peux faire ça avec display : style="display: block" (ou inline) pour la première image, display: none pour la seconde. au mouseover de la première, tu la mets en none, la seconde passe en block (ou inline). et réciproquement.
ça implique que les images se suivent dans le code : <img src='...' style='display: inline'><img src='...' style='display: none'>
Marsh Posté le 23-05-2002 à 11:13:26
oué mais c chiant ça sert à rien s'il compare avec skya chez le serveur... je croyais que précharger ça servait à kil s'en foutte de skia dans le serveur ... bref
Marsh Posté le 22-05-2002 à 18:47:51
salut
j'aimerais savoir comment m'assurer que mes images sont vraiment préchargées, car mes effets mouseover ne fonctionnent pas bien et IE cherche toujours les images sur le net ...
ça a pourtant l'air de marcher bien sous mozilla et autres ....!