Bonjour à tous !
Voila j'ai trouvé un petit script sympa qui permet de faire un effet de survol en appliquant un filtre à une image avec effet de fondu.
Le seul hic : il ne fonctionne que sous IE.
Pouvez vous m'aider à le rendre compatible pour Mozilla également.
Merci
Voici le script en question :
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
Mac=(navigator.appVersion.indexOf("Mac")!=-1)
function nereidFade(object, destOp, rate, delta){
if (document.all && !Mac) {
if (object != "[object]"){
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
} else {
return
}
}
Et voici l'appel :
<img src="images/image1>" style="filter:alpha(opacity=100);" onMouseOver="nereidFade(this,30,30,10);" onMouseOut="nereidFade(this,100,50,10)">
Merci de votre aide