![]() ![]()
| ![]() 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 ! | ![]() |
![]() |
|
![]() | ![]() | ![]() |
![]() ![]()
| ![]() 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 !!! | ![]() |
![]() |
|
![]() | ![]() | ![]() |
![]() ![]()
| ![]() 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... | ![]() |
![]() |
|
![]() | ![]() | ![]() |
![]() ![]()
| ![]() 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... | ![]() |
![]() |
|
![]() | ![]() | ![]() |
![]() ![]()
| ![]() 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 ! | ![]() |
![]() |
|
![]() | ![]() | ![]() |
![]() ![]()
| ![]() 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 ;-) | ![]() |
![]() |
|
![]() | ![]() | ![]() |
![]() ![]()
| ![]() 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 ? | ![]() |
![]() |
|
![]() | ![]() | ![]() |
![]() ![]()
| ![]() 29 07 2002 � 16:30 ![]() | ![]() ![]() ![]() ![]() |
![]() | oups, d�sol�, c'est bon, juste un pb dans le copier/coller ! | ![]() |
![]() |
|
![]() | ![]() | ![]() |
![]() ![]()
| ![]() 29 07 2002 � 16:46 ![]() | ![]() ![]() ![]() ![]() |
![]() | ![]() |
![]() |
|
![]() | ![]() | ![]() |
![]() ![]()
| ![]() 29 07 2002 � 16:56 ![]() | ![]() ![]() ![]() ![]() |
![]() | defraagh > je savais ke ton intervention serait rapide (et efficace) ! | ![]() |
![]() |
|
![]() | ![]() | ![]() |
![]() | 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 ![]() 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. | ![]() |