Changement d'opacité progressive

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

Résolu Changement d'opacité progressive

Message par chipie23 le Sam 7 Aoû 2010 - 22:30

Bonjour, après mainte et mainte recherche ici et ailleurs je me suis décidé à demander de l'aide.
voila mon problème je cherche un script pour que l'opacité de mes images change au passage de la souris mais que ce soit progressif .
J'avais trouvé ceci mais je n'arrive pas à le mettre en place.
Je ne suis pas sure d'avoir été clair dans mes explications. reflexion
En attendant vos réponses.

chipie23


Dernière édition par chipie23 le Ven 13 Aoû 2010 - 10:57, édité 1 fois

chipie23
***

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

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

Résolu Re: Changement d'opacité progressive

Message par chipie23 le Lun 9 Aoû 2010 - 8:15

aidez moi UP

chipie23
***

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

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

Résolu Re: Changement d'opacité progressive

Message par Wirekey le Lun 9 Aoû 2010 - 19:59

Ce script marche uniquement sous IE. Une modification s'impose pour les autres navigateurs.

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'opacité progressive

Message par ge80 le Lun 9 Aoû 2010 - 20:10

Bonsoir

Oui, c'est un travail lourd à faire et pas facile à intégrer !

Donc je laisse la place.

Cordialement
GE

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'opacité progressive

Message par Wirekey le Lun 9 Aoû 2010 - 20:49

J'essayerais de vous adapter ça pour tous les navigateurs.

Mais oui c'est assez lourd xD (à faire)

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'opacité progressive

Message par chipie23 le Lun 9 Aoû 2010 - 21:30

merci

en cherchant je suis tombé sur Ca je ne sait pas si cela pourrait être utile

chipie23
***

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

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

Résolu Re: Changement d'opacité progressive

Message par Wirekey le Lun 9 Aoû 2010 - 23:03

Je vais regarder.

ça doit toucher toute vos images ?

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'opacité progressive

Message par chipie23 le Lun 9 Aoû 2010 - 23:06

oui ou au moins celles de ma page d'accueil
petite erreur de ma part serait ce possible que cela ne touche que mes images de mon message d'accueil ou est ce vraiment compliqué ? en fait qu'est ce qui est le plus simple ?

chipie23
***

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

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

Résolu Re: Changement d'opacité progressive

Message par chipie23 le Mer 11 Aoû 2010 - 22:18

up Rolling Eyes

chipie23
***

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

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

Résolu Re: Changement d'opacité progressive

Message par Wirekey le Jeu 12 Aoû 2010 - 0:50

Le plus simple est que ça touche seulement quelques images bien définie.

Je vais me repencher sur la question demain.

Cordialement.

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'opacité progressive

Message par Sen Hime le Jeu 12 Aoû 2010 - 1:32

Ce code doit convenir pour toutes les images :
Code:
<script type="text/javascript">
    $(document).ready(function() {
        $('img').each(function() {
            $(this).hover(function() {
                $(this).stop().animate({ opacity: 0.5 }, 500);
            },
          function() {
              $(this).stop().animate({ opacity: 1.0 }, 500);
          });
        });
    });
</script>
Vous pouvez par exemple le placer dans le template overall_header_new, justement avant le tag "</head>"
(Il utilise jQuery, qui est de toute façon utilisé par Forumactif pour la page d'accueil, sur d'autres pages il faudra peut-être ajouter un lien pour inclure la librairie jQuery)

Il peut être facilement adapté pour ne prendre en compte que les images dans une zone avec un ID particulier

Sen Hime
****

Féminin
Messages : 243
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'opacité progressive

Message par chipie23 le Ven 13 Aoû 2010 - 10:57

Merci beaucoup ca marche maintenant j'avais juste oublier de remplacer les "$" par "jQuery" et maintenant c impeccable cheers

chipie23
***

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

chipie23 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