Notice: Undefined index: position in /home/piregwan/public_html/forum2/reponses2.php on line 50
Piregwan 2000



  29 07 2002 � 15:47


salut !

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

Merci !

oggy (membre - )
50 ans
franbol@club-internet.fr
http://www.autozoom.net

cet espace est � vendre ! mise � prix � 62�





  29 07 2002 � 15:55


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 !!!

nicobox (guest star fanatique lvl 1 - )
46 ans (� la recherche du statut perdu !)
nicolas@nicobox.net
http://www.nicobox.net

Home Sweet Home...





  29 07 2002 � 16:00


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...

nicobox (guest star fanatique lvl 1 - )
46 ans (� la recherche du statut perdu !)
nicolas@nicobox.net
http://www.nicobox.net

Home Sweet Home...





  29 07 2002 � 16:01


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...

Meanos (mickey fanatique - )
39 ans ([M�An�Ce])
meanos@nihon-fr.com | 113974855
http://www.nihon-fr.com

soon .. Oxygenart .. soon





  29 07 2002 � 16:03


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 !

nicobox (guest star fanatique lvl 1 - )
46 ans (� la recherche du statut perdu !)
nicolas@nicobox.net
http://www.nicobox.net

Home Sweet Home...





  29 07 2002 � 16:15


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

oggy (membre - )
50 ans
franbol@club-internet.fr
http://www.autozoom.net

cet espace est � vendre ! mise � prix � 62�





  29 07 2002 � 16:27


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 ?

oggy (membre - )
50 ans
franbol@club-internet.fr
http://www.autozoom.net

cet espace est � vendre ! mise � prix � 62�





  29 07 2002 � 16:30


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

oggy (membre - )
50 ans
franbol@club-internet.fr
http://www.autozoom.net

cet espace est � vendre ! mise � prix � 62�





  29 07 2002 � 16:46



defraagh (membre fanatique - )
38 ans (Strasbourg)
defraagh@graphistory.com | 124369304
http://gwash.straterole.net [down]

*! j' la torture [mais sur les autres] !*
membre de l'association pour la revalorisation de la torture [ART]





  29 07 2002 � 16:56


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

nicobox (guest star fanatique lvl 1 - )
46 ans (� la recherche du statut perdu !)
nicolas@nicobox.net
http://www.nicobox.net

Home Sweet Home...


Pour r�pondre � ce sujet (et notifier automatiquement son auteur), cliquez sur le bouton REPONDRE A CE SUJET. Si vous voulez en plus avertir de votre r�ponse une personne qui a particip� � ce sujet, cliquez sur le bouton en face de son intervention. Enfin si vous voulez inviter quelqu'un � r�agir, utilisez les appeaux ci-dessous. Seuls les membres logu�s peuvent utiliser les appeaux et seuls les membres actifs peuvent �tre appeaut�s ^^. Bonne notification !

Vous n'�tes pas membre ou vous n'�tes pas logu�(e) ou les appeaux sont d�sactiv�s dans votre profil. Vous ne pouvez pas utiliser les appeaux.