fondu sur deux images par singulier - page 1

salut,

voila je veux faire un fondu enchaine sur deux images au passage de la souris
avec ce code ca marche :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html <html xmlns="http://www.w3.org/1999/xhtml">

<head> 

<script>

var oxo=1;

var opaa=0;

var opab=100;

function defilmage(selimage){

if(oxo==1){

opaa=30;

document.getElementById('divimageb').src=selimage+".jpg";

oxo=0;

}

imacibleb=document.getElementById('divimagea');

imaciblea=document.getElementById('divimageb');

if(imacibleb.src==imaciblea.src){

return false;

}

opaa+=5;

opab-=10;

if(document.all && !window.opera){ 

imaciblea.style.filter = 'alpha(opacity=' + opaa + ');' ;

imacibleb.style.filter = 'alpha(opacity=' + opab + ');';

} 

else{ 

imaciblea.style.opacity = opaa/100;

imacibleb.style.opacity = opab/100;

}

if(opaa>=100){

opaa=30;

opab=100;

imacibleb.src=imaciblea.src

return false;

}

setTimeout("defilmage()",155);

}

</script>

</head>

<body>
<img id='divimagea' src="img/parquet_som.jpg" STYLE="position:absolute;width:15em;height:15em;opacity:100;FILTER:alpha(opacity=100)" >

<img id='divimageb' src="img/parquet_som2.jpg" STYLE="position:absolute;width:15em;height:15em;opacity:0;FILTER:alpha(opacity=0)" onmouseover="oxo=1;defilmage('parquet_som2')" onmouseout="oxo=1;defilmage('parquet_som')">

  </body>
</html>

mais comme il y as d'autre images avec le meme effet je veux mettre en varible l'ID des images.
J'ai donc fait cette modification :

<html>
 <head>
 <script language="javascript">
 var oxo=1;

var opaa=0;

var opab=100;

function defilmage(id1, id2, selimage){

if(oxo==1){

opaa=30;

document.getElementById(id2).src="img/"+selimage+".jpg";

oxo=0;

}

imacibleb=document.getElementById(id1);

imaciblea=document.getElementById(id2);

if(imacibleb.src==imaciblea.src){

return false;

}

opaa+=5;

opab-=10;

if(document.all && !window.opera){ 

imaciblea.style.filter = 'alpha(opacity=' + opaa + ');' ;

imacibleb.style.filter = 'alpha(opacity=' + opab + ');';

} 

else{ 

imaciblea.style.opacity = opaa/100;

imacibleb.style.opacity = opab/100;

}

if(opaa>=100){

opaa=30;

opab=100;

imacibleb.src=imaciblea.src

return false;

}

setTimeout("defilmage()",25);

}

</script>
 </head>
 <body>

<img id='divimagea' src="img/parquet_som.jpg" STYLE="position:absolute;width:15em;height:15em;opacity:100;FILTER:alpha(opacity=100)" >

<img id='divimageb' src="img/parquet_som2.jpg" STYLE="position:absolute;width:15em;height:15em;opacity:0;FILTER:alpha(opacity=0)" onmouseover="oxo=1;defilmage('divimagea', 'divimageb', 'parquet_som2')" onmouseout="oxo=1;defilmage('divimagea', 'divimageb', 'parquet_som')">

  </body>
</html>

mais la ca ne marche plus quelqu'un peut-il m'aider
d'avance merci

fondu sur deux images

fondu sur deux images

Supprimer

Modérer

Signaler le message aux modérateurs