Changement d'opacité progressive

[chipie23]

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.
En attendant vos réponses.

chipie23

[chipie23]

UP

[Wirekey]

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

[ge80]

Bonsoir

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

Donc je laisse la place.

Cordialement
GE

[Wirekey]

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

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

[chipie23]

merci

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

[Wirekey]

Je vais regarder.

ça doit toucher toute vos images ?

[chipie23]

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]

up

[Wirekey]

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

Je vais me repencher sur la question demain.

Cordialement.

[Sen Hime]

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

[chipie23]

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