Changement d'opacité progressive

4 participants

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

Résolu Changement d'opacité progressive

Message par chipie23 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

chipie23
***

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

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

Résolu Re: Changement d'opacité progressive

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

aidez moi UP
chipie23

chipie23
***

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

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

Résolu Re: Changement d'opacité progressive

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

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

Wirekey
***

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

Voir le profil de l'utilisateur 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 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

ge80
Membre actif

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

Voir le profil de l'utilisateur http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'opacité progressive

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

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

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

Wirekey
***

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

Voir le profil de l'utilisateur 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 Lun 9 Aoû 2010 - 21:30

merci

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

chipie23
***

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

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

Résolu Re: Changement d'opacité progressive

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

Je vais regarder.

ça doit toucher toute vos images ?
avatar

Wirekey
***

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

Voir le profil de l'utilisateur 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 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

chipie23
***

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

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

Résolu Re: Changement d'opacité progressive

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

up Rolling Eyes
chipie23

chipie23
***

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

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

Résolu Re: Changement d'opacité progressive

Message par Wirekey 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.
avatar

Wirekey
***

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

Voir le profil de l'utilisateur 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 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

Sen Hime
****

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

Voir le profil de l'utilisateur 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 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

chipie23
***

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

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

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

- Sujets similaires

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