Prise de tête sur un plugin jQuery
bonjour a tous,
Voila plus d'une semaine que je me prends la tete sur un probleme que je rencontre avec un plugin jQuery. J'essai de faire un slider assez simple en fondu. d'ailleurs, il marche tres bien s'il se trouve tout seul sur une page web. Mais des qu'il y en a plusieurs, ils fonctionnent mal...
Vous remarquerez sur le lien plus bas qu'il se trouve deux slider qui fonctionne avec le meme plugin :
- le premier ne fonctionne pas comme je le voudrais. En effet il n'est sensé n'y avoir que 3 slides, le quatrieme devrait disparaitre.
- le deuxieme slider fonctionne tres bien...
Quelqu'un aurait le courage de m'aider ?
voici le lien du slider : http://matdev.fr/public/slider/
et voici le code source :
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
| (function($) {
$.slider = function(element, options) {
var $this = this,
$slider = $(element),
$slide = $('.slide', $slider),
nbslide = $slide.length,
i_current = -1,
i_last = null;
$this.init = function() {
// on cache chaque slide
$slide.hide();
$this.next();
setInterval(function(){
$this.next();
}, 2000);
};
$this.next = function() {
// index slide actuel
if(i_current>=nbslide-1){i_current=0}else{i_current++};
// index derniere slide
i_last = i_current-3;
if (i_last < 0 ) i_last = nbslide+i_last;
// on lance l'anim
animate( i_last, i_current );
};
var animate = function( index_last, index_next ) {
// selection des slides a animer
$next_slide = $slide.eq(index_next);
$last_slide = $slide.eq(index_last);
// on reoganise le zindex de chaque slide
$slide.each(function(index){
var numSlide = i_current-index;
if ( numSlide < 0) numSlide = nbslide + numSlide;
$slide.eq( numSlide ).css( 'z-index', nbslide-index );
});
// on fait apparaitre le slide actuel
$next_slide.fadeIn(1000, function(){
// une fois l'anim fini, on fait disparaitre le dernier slide
$last_slide.fadeOut(1000);
});
};
$this.init();
};
$.fn.slider = function(options) {
return this.each(function() {
if (undefined == $(this).data('slider')) {
var plugin = new $.slider(this, options);
$(this).data('slider', plugin);
}
});
};
})(jQuery); |
merci de votre aide !!!!!!!!!!!
