Modifier et comprendre un script de slide d'images [Résolu]

[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 :

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 :

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 :

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

ce qui donne donc :

Code :

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 :

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