salut !

comment on fait pour obtenir l'effet de fading comme sur les vignettes de piregwan lorsqu'on passe la souris dessus ?

Merci !

tu as plusieurs possibilités :

> un premier javascript qui définit l'opacité d'une image a 50% a l'etat normal et le passe a 100% onmouseover. C'est ce ki est utilisé sur piregwan. Ce n'est pas vraiment un rollover habituel car c'est une mm image dont le degré d'opacité change.
Je laisserais defraagh te trouver la source exacte du script...

> ya un deuxieme javascript + balaise qui te fait un fond de transition sur les 2 images de ton rollover
tu peux voir ca ici :
http://getelementbyid.com/scripts/fadingrollove...
et prendre la source (avec le tuto) ici :
http://getelementbyid.com/scripts/fadingrollove...

Bon courage !!!

Bon allez, j'ai retrouvé le script de la premiere solution ds mes archives donc le voila :

dans le HEAD :

<script> <!--
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

function nereidFade(object, destOp, rate, delta) {
if (!document.all)
return
if (object != "[object]") {
setTimeout("nereidFade("+object+","+destOp+","+rat e+","+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("n ereidFade(nereidFadeObjects["+object.sourceIndex+" ],"+destOp+","+rate+","+delta+")",rate);
}
}
// -->
        </script>

Dans le BODY, a l'endroit souhaité :

<img src="TON IMAGE" style="filter:alpha(opacity=50)" onmouseover="nereidFade(this,100,30,5)" onmouseout="nereidFade(this,50,50,5)">

Voila, normalement ca marche !
tchao...

(pas sur netscape par contre...)

//EDIT : ya la mise en page du forum ki casse un peu les lignes du scripts... mais ca devrait pas poser de probleme si tu copie-colle proprement...

et si tu es malin comme LaurentZ, tu peut penser à mettre une img en background, et appliquer l'effet sur une img semi-transparente (un cadrillage par exemple), pour donner un effet un peu original.

superbe le double fading, nico...

un coup de google pour le double fading.... c'est pas de moi !
La demo craint un peu mais les possibilités offertes sont interessantes !

merci les gars, je pense qu'avec tout ça je vais m'en sortir , sinon je sais à qui m'adresser ;-)

ben alors j'ai pris le script de Nico mais ça marche pas.. il me mets 'erreur sur la page', la photo s'affiche (déjà grisée) mais rien ne bouge lorsque je passe la souris dessus.. pourquoi ?

oups, désolé, c'est bon, juste un pb dans le copier/coller !

http://www.piregwan.com/scripts/index.php?rub=a... aussi.

defraagh > je savais ke ton intervention serait rapide (et efficace) !