[Help] image alternative (html)

Xibou · Message par **Xibou** » 23 mai 2009, 10:54

Bonjour, voilà l'histoire: j'ai essayé de faire une image alternative (donc: quand le souris passe sur une image, celle-ci est remplacée par une autre image) le souci c'est que cela ne fonctionne pas... en fait, ça fonctionne dans la fenêtre pour écrire un article (je poste cette image sur un blog) mais une fois l'article posté cette image devient une bête image (celle qui devait etre normalement remplacée. Quelqun peut il m'aider et m'expliquer l'erreur?
Voici ce que j'ai écrit (en HTML)

Code : Tout sélectionner

Voilà, j'ai ouvert ma catégorie graphisme, je posterai ici mes retouches, mes créations, et même des images "avant/après" telle que celle ci dessous. Pour vir l'image "après" il faut placer le curseur sur l'image. Si l'image semble fort petite, cliquez dessus.<br /><br /><br /><img onmouseover="this.src='http://data0.eklablog.com/xibou/perso/images/creations pc/creation 200px.jpg';" onmouseout="this.src='http://data0.eklablog.com/xibou/perso/images/creations scan/avatar200px.jpg';" src="http://data0.eklablog.com/xibou/perso/images/creations scan/avatar200px.jpg" alt="" width="200" height="200" />

EDIT: d'après un copain maitrisant plusieurs language, le problème viendrait du blog.

Message par **alonzo** » 25 mai 2009, 13:41

Code : Tout sélectionner

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { 
  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() {
  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) { 
  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() {
  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="MM_preloadImages('http://data0.eklablog.com/xibou/perso/images/creations pc/creation 200px.jpg')">

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','http://data0.eklablog.com/xibou/perso/images/creations pc/creation 200px.jpg',1)">
<img src="http://data0.eklablog.com/xibou/perso/images/creations scan/avatar200px.jpg" name="Image2" width="200" height="200" border="0"></a>

Xibou · Message par **Xibou** » 25 mai 2009, 19:18

j'arrive un peu tard, apparement...
En fait, j ai envoyé un mail à l'équipe qui a créé le site des blog, le boss m'a répondu "le javascript est désactivé sur les blog..."
Il l'a activé pour mon compte, et du coup ça fonctione.

@alonzo: Merci, je vais quand même éssayer avec ta méthode ^^

Message par **alonzo** » 26 mai 2009, 09:13

tu mets la partie <script> </script> dans le head et le reste dans le body .
gaffe il y a une balise </head> qui traine

Xibou · Message par **Xibou** » 26 mai 2009, 22:20

oki merci ^^
je testerai ça dès que j'ai un pc sous la main. (ras le bol de cette psp qui gère pas avec son netscape 4 et sa mèmoire de mayrde)