[Site - Tutorial] Effets sur des images

Pour toute question se rapportant au tutorial du site.

Posez vos question à la suite de ce message.

/!\ Précisez bien le titre du tutorial qui vous pose problème /!\

Invité

J'ai un pt pb je voudrai que mes images redeviennet opaque donc j'ai suivie ton tutous pour a mais sa marche pas. Comment faire ?

Qu'est ce qui ne marche pas?
Peux-tu préciser à quel moment ça ne fonctionne pas.
Et pourquoi pas, donner le code HTML de ta page pour qu'on puisse t'aider rapidement.

Invité

coucou le tuto electrique ne marche pas pour moi
sa me met que le code sur la page ou j'ai essayer d'un forum

Ok, je suis pas sure de très bien comprendre, désolée.

A quel moment ça ne marche pas?

Nombre de messages : 61 Age : 28 Date d'inscription : 11/03/2008

Peut-être que c'est pas optimiser pour le navigateur que tu utilises ? Enfin je dis ça, je dis rien..

Nombre de messages : 3 Date d'inscription : 04/11/2008

moi je sais pas si c'est possible mais j'aimerais que quand je passe la souris sur mes img elles deviennent noir et blanc Smile

Oui c'est possible.
Regarde dans les tutos! Wink

Nombre de messages : 3 Date d'inscription : 04/11/2008

thanks
et dans quels tutos enfait ? "- - désolée je suis nulle

Je te le met là car il est hors ligne sur le site

Placer ce code dans la partie <head> :
<script>

/*
Gradual-Highlight Image Script II-
By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)
Permission granted to Dynamicdrive.com to feature script in archive
For full source to script, visit http://dynamicdrive.com
*/

nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
* destop - destination transparency level (ie 80, for mostly solid)
* rate - time in milliseconds between trasparency changes (best under 100)
* delta - amount of change each time (ie 5, for 5% change in transparency)
*/

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
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);
}
}

</script>

Placer ce code où vous voulez que l'image apparaisse. N'oubliez pas de remplacez le : URL DE TON IMAGE par l'URL de votre image.
<img src="URL DE L'IMAGE" style="filter:alpha(opacity=40)" onmouseover="nereidFade(this,100,70,20)" onmouseout="nereidFade(this,20,50,10)" border="0">

» [Site - Tutorial] Effets sur des textes
» [Site - Tutorial] Les liens
» [Site - Tutorial] Iframe
» [Site - Tutorial] PopUp
» [Site - Tutorial] Anti-vol