Discussion :

[bleuindigo]

Bonjour à tous,

je viens de mettre en place un slider, avec jquery. il fonctionne impec sous firefox mais bogue sous ie, restant insensible à la commande onclick sur les boutons de navigation. voici le 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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
$(document).ready(function(){
	s = new slider("#galerie");
}); 
 
var slider = function(id){
	var self=this;
	this.div = $(id);
	this.slider=this.div.find(".slider");
	this.largeurCache = this.div.width();
	this.largeur=0;
	this.div.find('a').each(function(){
		self.largeur+=$(this).width();
		//self.largeur+=parseInt($(this).css("padding-left"));
		//self.largeur+=parseInt($(this).css("padding-right"));
		self.largeur+=parseInt($(this).css("margin-left"));
		self.largeur+=parseInt($(this).css("margin-right"));
 
	});
	this.prec = this.div.find(".prec");
	this.suiv = this.div.find(".suiv");
	this.saut = this.largeurCache/1.33;
	this.nbEtapes = Math.ceil(this.largeur/this.saut - this.largeurCache/this.saut);
	this.courant=0;
 
	this.suiv.click(function(){
		if(self.courant<=self.nbEtapes){
			self.courant++;
			self.slider.animate({
				left:-self.courant*self.saut
			},1000);
		}
	});
 
	this.prec.click(function(){
		if(self.courant>0){
			self.courant--;
			self.slider.animate({
				left:-self.courant*self.saut
			},1000);
		}
	});
}

et voici le lien vers la page concernée :
http://www.fabienwajeman-photographi...ie_studio.html

merci d'avance pour vos lumières et vos idées.
Cordialement
Fabien

[danielhagnoul]

Bonsoir.

Jolie salade entre this, self et id !

Je vous conseille une bonne séance de Firebug.

Code :

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

1
2
3
4
5
6
7
8
    this.suiv.click(function(){
     if(self.courant<=self.nbEtapes){
      self.courant++;
      self.slider.animate({
       left:-self.courant*self.saut
      },1000);
     }
    });

Ici self vaut l'objet window et courant est undefined !

[bleuindigo]

merci pour ces tuyaux, cependant il semble que ce soit vraiment une erreur de syntaxe avec ie, car, j'ai un peu nettoyé mon html, mes css. Le script fonctionne très bien avec firefox et safari.