Bonjour a toutes et a tous.

Je vous écris car je n'arrive pas a faire fonctionner mon carrousel :'(

Il est censé m'afficher 4 images en même temps puis scroller automatiquement sur les 4 suivantes mais rien n'y fais malgré deux jours de recherche pour solutionner le problème.

J'ai pourtant bien suivis les exemples sur de nombreux site/forum mais cela ne veux toujours pas fonctionner.

Les carrousels testé sont liquidcarousel et jquerycarousellite ainsi que le carousel de fred (jquery.carouFredSel-5.5.0)

Voici mes codes sources...

La fonction :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
$("#slider1").carouFredSel({
	items: {
		visible: "variable"
	},
	scroll: {
		items: 4,
		duration: 1000,
		pauseOnHover: true
	},
	auto: 500
});
et la liste qui devrait slider toute seule :

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
<div>
<button class="prev"><<</button>
<button class="next">>></button>
 
<div class="slider1">
    <ul>
			<li><a href="#"><img src="images/01.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/02.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/03.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/04.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/05.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/06.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/07.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/08.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/09.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/10.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/11.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/12.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/14.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/15.jpg" width="88" height="126" alt="image"/></a></li>
			<li><a href="#"><img src="images/16.jpg" width="88" height="126" alt="image"/></a></li>
		</ul>
	</div>
</div>
Merci de votre aide

P.S. : j'ai bien inclu les scriptes en debut de code