Dreamweaver, preload image

Fermé
galoou Messages postés 4 Date d'inscription mardi 15 avril 2008 Statut Membre Dernière intervention 25 avril 2008 - 25 avril 2008 à 11:10
 nico - 27 mai 2008 à 19:47
Bonjour,
J'ai un petit probleme de code sur toutes mes pages de mon site concernant le preload image.
Mon site est a base de Roll over disjoint (petite vignettes qui font apparaitre une grande image centrale au passage de la souris) Le probleme c que cette image centrale, met une seconde avant d'apparaitre, donc c un peut long. Mes images centrale font 30K en jpg et 400x300. je pensse que le probleme viens du script de preload, mais je vois pas trop quoi en fait. merci de jetter un oeil. Ci dessous le debut de code d'une de mes pages;

<html><head><title>hk</title>


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
<!--
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_findObj(n, d) { //v4.01
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 && d.getElementById) x=d.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];}
}
//-->
</script>
</head><body onLoad="preloadImages();MM_preloadImages('HK01.jpg','HK01.gif','HK02.jpg','HK02.gif','HK06.jpg','HK06.gif','HK07.jpg','HK07.gif','HK03.jpg','HK03.gif','HK12.jpg','HK12.gif','HK05.jpg','HK05.gif','HK14.jpg','HK14.gif','HK15.jpg','HK15.gif','HK08.jpg','HK08.gif','HK10.jpg','HK10.gif','HK11.jpg','HK11.gif','HK09.jpg','HK09.gif','HK04.jpg','HK04.gif','HK13.jpg','HK13.gif','HK16.jpg','HK16.gif')" bgcolor="#fffaf2">
<center>


<table width="1000" height="560" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50" colspan="2"> </td>
<td width="200" height="60"> </td>
</tr>
<tr>
<td width="200" rowspan="2"><img src="../../rollovers et vrac/mapback.gif" width="200" height="400" border="0" usemap="#back"></td>
<td width="400" height="400"><img src="../../rollovers et vrac/fc550x367.gif" name="iviewhk" width="550" height="367" id="iviewhk"></td>
<td width="200" height="400"><table width="67" align="center">
<tr>
<td><img src="HK03.gif" name="hk03" width="75" height="50" id="hk03" onMouseOver="MM_swapImage('iviewhk','','HK03.jpg','hk03','','HK03.gif',1)" onMouseOut="MM_swapImgRestore()"></td>
<td><img src="HK02.gif" name="hk02" width="75" height="50" id="hk02" onMouseOver="MM_swapImage('iviewhk','','HK02.jpg','hk02','','HK02.gif',1)" onMouseOut="MM_swapImgRestore()"></td>
</tr>

ETC ETC.....
A voir également:

1 réponse

ça ne marche pas pour la simple et bonne raison que ta fonction preloadimage n'est pas definie
1