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