Bonjour tout le monde,

Je viens de commencer avec Jquery, bref mon problème est le suivant, sur une même image j'applique deux événements, "mouseenter" pour changer l'opacité de l'image de 0.2 vers 0.8 et aussi pour faire défiler une barre de défilement horizontale tout doucement, et "click" pour faire défiler la même barre de défilement plus vite, quand je survole l'image l'événement "mouseenter" s'applique, l'opacité devient 0.8 et quand je clique sur l'image l'événement "click" s'applique aussi mais l'opacité redevient à 0.2.

Merci.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
$(document).ready(function(){
 
    var VGsLP; var VGsLM;
 
 
    FsLL(); FsLR();
 
 
    function FsLL(){
        if ($( "#div_lister" ).scrollLeft()==0){
            clearInterval(VGsLM);
            $("#div_lister_letf").fadeOut();
            $("#div_lister_letf").css({"opacity": "0"});
        }
        else{  
            $("#div_lister_letf").css({"opacity": "0.2"});
            $("#div_lister_letf").fadeIn();
        }
    }
 
    function FsLR(){
        if ($( "#div_lister" ).scrollLeft()==1580){
            clearInterval(VGsLP);
            $("#div_lister_right").fadeOut();
            $("#div_lister_right").css({"opacity": "0"});
        }
        else{
            $("#div_lister_right").css({"opacity": "0.2"});
            $("#div_lister_right").fadeIn();
        }
    }
 
 
    $( "#div_lister" ).scroll(function (){
        FsLL(); FsLR();
    });
 
    function FsLP(){
        var VsLp=$("#div_lister").scrollLeft(); VsLp=VsLp+10; $("#div_lister").scrollLeft(VsLp);
    }
    $("#div_lister_right").mouseenter(function(){
        $("#div_lister_right").css({"opacity":"0.8"}); VGsLP=setInterval(function(){FsLP()},100);
    });
 
    $("#div_lister_right").mouseleave(function(){
        clearInterval(VGsLP); FsLR();
    });
 
    $("#div_lister_right").click(function(){
        var sLr=$("#div_lister").scrollLeft(); sLr=sLr+200; $("#div_lister").scrollLeft(sLr);
    });
 
 
});