Discussion :

[fm1986]

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);
    });
 
 
});

[Watilin]

Waow c'est quoi ces noms de variables, tu es fâché avec les voyelles ou quoi ?

Ton problème vient certainement du fait que ton évènement scroll appelle FsLL. Cette fonction remet l'opacité de la div soit à 0.2, soit à 0, en tout cas pas à 0.8. Il va falloir que tu démèles un peu tes gestionnaires d'évènements, car là il y a des rayons qui se croisent si tu vois ce que je veux dire

[fm1986]

Oui je vois ce que tu veux dire, Merci Watilin, je viens de corriger, justement le problème c'était le fait que mon évènement scroll appelle FsLL qui remet l'opacité de la div soit à 0.2. Et mon problème avec les variables c'est toute une histoire , MERCI.