Modifier et comprendre un script de slide d'images

Version imprimable

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

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

20/12/2011, 18h08
Torgar

Bonjour,

avec ton code ça serait plus simple pour t'aider ;)
20/12/2011, 19h41
norihiori

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

Merci ... :mouarf3:

é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;

21/12/2011, 02h43
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 :ccool:

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

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