Discussion :

[BruceBoc]

Bonjour,

Sur ma page, il y a plusieurs miniatures. Celles-ci ont une opacité initiale qui est définie en javascript et qui est stockée dans un localstorage.
Je souhaite que lorsque je passe la souris sur la miniature, l'opacité de celle-ci passe à 1 puis reprenne sa valeur initiale.
Si je le vais en CSS pure, je ne peut pas modifier dynamiquement l'opacité initiale. En javascript, je ne trouve pas comment affecter un événement hover à une classe.

Merci d'avance

[mathieu]

si vous utilisez jQuery, vous pouvez le faire facilement comme cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
$(".classeCSS").mouseover(function (e) {
    $(this).css("opacity", "1");
});
 
$(".classeCSS").mouseout(function (e) {
 
    // recherche de la valeur initiale
    var valeurInitial = ...;
 
    $(this).css("opacity", valeurInitial);
 
});

[BruceBoc]

Impeccable, cela fonctionne très bien.
Merci beaucoup