Discussion :

[norihiori]

Bonjour a tous,
J'ai un petit problème avec un slide , que je vous l'avouerais j'ai trouvé et vraiment très peux modifié. Je ne suis pas tres bon en js, même pas bon du tout.
J'utilise ce slide pour une petite galerie, mais j'aimerais que lorsque le slide est a la position "left: 0px;" il ne puisse que ce déplacer vers la droite (donc en nombre négatif comme "left: -100px;" et non pas en nombre positif)

Code :

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

1
2
3
4
function Div(){this.sens='right';this.decal=1;this.timer;this.initTimer=function(status){false===status?clearInterval(this.timer):this.timer=setInterval('div.move();',3.260869565);}
this.move=function(){var element=document.getElementById('contenu');var pos=parseInt(element.style.left);switch(this.sens){case'right':element.style.left=pos+this.decal+'px';break;case'left':element.style.left=pos-this.decal+'px';break;}}}
function init(){div=new Div();}
var div;

Je vous remercie tous d'avance

PS : sans vouloir abuser, j'aimerais bien une petite explication afin de comprendre. Merci.

[Torgar]

Bonjour,

avec ton code ça serait plus simple pour t'aider

[norihiori]

Premiere fois que ça m'arrive ....

Merci ...

[Willpower]

étape1)

mise en forme du code :

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
function Div() {
    this.sens = 'right';
    this.decal = 1;
    this.timer;
    this.initTimer = function (status) {
        false === status ? clearInterval(this.timer) : this.timer = setInterval('div.move();', 3.260869565);
    }
    this.move = function () {
        var element = document.getElementById('contenu');
        var pos = parseInt(element.style.left);
        switch (this.sens) {
        case 'right':
            element.style.left = pos + this.decal + 'px';
            break;
        case 'left':
            element.style.left = pos - this.decal + 'px';
            break;
        }
    }
}
 
function init() {
    div = new Div();
}
var div;

on voit que ton script utilise un paramètre "sens" pour determiner le sens, on ne va donc pas se prendre la tête avec des valeurs négatives et profiter de cet argument en ajoutant simplement ces 2 lignes :

Code :

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

1
2
        if(pos<=0)
            this.sens = 'right';

ce qui donne donc :

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
function Div() {
    this.sens = 'right';
    this.decal = 1;
    this.timer;
    this.initTimer = function (status) {
        false === status ? clearInterval(this.timer) : this.timer = setInterval('div.move();', 3.260869565);
    }
    this.move = function () {
        var element = document.getElementById('contenu');
        var pos = parseInt(element.style.left);
        if(pos<=0)
            this.sens = 'right';
        switch (this.sens) {
        case 'right':
            element.style.left = pos + this.decal + 'px';
            break;
        case 'left':
            element.style.left = pos - this.decal + 'px';
            break;
        }
    }
}
 
function init() {
    div = new Div();
}
var div;

[norihiori]

Hum mais oui ça semble évident ... Lorsque je suis dans du JS je suis perdu je ne comprends plus rien alors que tout es la.

Merci beaucoup

PS : comme je suis en négatif j'ai utilisé la formule :

Code :

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

1
2
if(pos>=0)
            this.sens = 'left';