Code pour transparence progressive ?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code pour transparence progressive ?

Message par Chô le Dim 26 Sep 2010 - 16:33

Bonjour,

J'ai trouvé tuto pour rendre une image opaque, je l'ai utilisé et il marche très bien mais je voudrais que l'image devienne transparente progressivement et pas tout d'un coup au passage de la souris si vous voyez ce que je veux dire xo

Voila merci d'avance x)


Dernière édition par Chô le Jeu 7 Oct 2010 - 13:41, édité 1 fois

Chô
*

Féminin
Messages : 46
Inscrit(e) le : 06/06/2010

http://studio-ghibli.forumactif.fr/
Chô a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour transparence progressive ?

Message par Chô le Lun 27 Sep 2010 - 14:55

Petit up xp

Chô
*

Féminin
Messages : 46
Inscrit(e) le : 06/06/2010

http://studio-ghibli.forumactif.fr/
Chô a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour transparence progressive ?

Message par Chic&Shake le Mar 28 Sep 2010 - 19:44

C'est du javascript , pour avoir une lumière progressive (:

Chic&Shake
Nouveau membre

Messages : 6
Inscrit(e) le : 22/07/2010

http://magie-ecole.forumpro.fr/forum.htm
Chic&Shake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour transparence progressive ?

Message par Ea le Mar 28 Sep 2010 - 22:01

Bonjour,


Oui il faut du javascript, voilà un exemple ( en utilisant jquery qui est intégré à chaque page du forum ) :

Code:
<img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/106974-20.png" class="fading" />
<script type="text/javascript">
jQuery('.fading').css('opacity',0.6).hover(
  function () {
    jQuery(this).fadeTo('slow',1);
  },
  function () {
    jQuery(this).fadeTo('slow',0.6);
  }
);
</script>
Le code prend les objets avec la classe fading et leur met une opacité à 60% et puis on mets une fonction qui au survol de la souris fera monter l'opacité à 100% et puis en retirant la souris on refait descendre l'opacité progressivement à 60%.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23427
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum