plugin easyslider. Comment puis-je réaliser deux diaporamas ?

**Shivas** · 10/03/2011, 08h55

Bonjour,

Comment puis-je faire pour utiliser easySlider sur deux diaporamas créer sur la même page ?

Code actuel

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider.js"></script>

1er diapo

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
 
<script language="JavaScript">
   $(document).ready(function(){ 
	$("#slider").easySlider({
		auto:		true,
		continuous: true,
		prevText: 'Precedent',
		nextText:'Suivant'
		/*speed:800,
 
		orientation: 'horizontal'*/
	});
});
</script>
 
<div id="slider">
   <ul>
       <li></li>
    </ul>
</div>

2eme diapo

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
 
<script language="JavaScript">
   $(document).ready(function(){ 
	$("#slider_mieux_notes").easySlider({
		auto:		true,
		continuous: true,
		prevText: 'Precedent',
		nextText:'Suivant'
 
	});
});
</script>
 
<div id="slider_mieux_notes">
   <ul>
       <li></li>
    </ul>
</div>

Actuellement lorsque que je clic sur suivant sur mon 1er diapo ça me fait défiler les images du deux diaporamas.
Merci pour vos réponses.

**SpaceFrog** · 10/03/2011, 12h18

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
 
<script language="JavaScript">
   $(document).ready(function(){ 
	$("#slider_mieux_notes_a, ").easySlider({
		auto:		true,
		continuous: true,
		prevText: 'Precedent',
		nextText:'Suivant'
 
	});
	$("#slider_mieux_notes_b, ").easySlider({
		auto:		true,
		continuous: true,
		prevText: 'Precedent',
		nextText:'Suivant'
 
	});
 
 
});
 
</script>
 
<div id="slider_mieux_notes_a">
   <ul>
       <li></li>
    </ul>
</div>
<div id="slider_mieux_notes_b">
   <ul>
       <li></li>
    </ul>
</div>

??