Carousel JQuery capricieux

Version imprimable

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:

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:

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

31/03/2012, 23h32
Zac699

Salut

tu ne dis pas exactement ce qui ose souci, mais par rapport aux codes que tu donnes, il y en a un autre fondamental, c'est le css

sinon tu as $("#slider1") et <div class="slider1"> donc soit tu mets <div id="slider1"> soit $(".slider1")
01/04/2012, 00h24
mcvovol

Salut, concernant le css j'ai juste mis :

Code:

#slider1{list-style : none;}

et ne vois pas quoi ajouter d'autre car sur le site ce n'est malheureusement pas stipulé :'(
01/04/2012, 14h22
Zac699

salut, s'il y a une démo, va chercher la source et récupère le css.

en tout cas si dans ta css tu as #slider1 dans ton js $("#slider1") il faut <div id="slider1"> et pas class.

en tout cas, ton css n'est pas suffisant, il faut surement indiquer des dimensions, ton list-type porte sur la div slider1, alors que ça se rapporte à un élément ul.

le mieux est que tu retournes à la source, tu copies le css et tu l'adaptes à ton besoin.
01/04/2012, 14h52
mcvovol

Salut, peut importe le slideshow utilisé il ne fonctionne pas chez moi bien que j'importe les js adequat.

Je cherche a faire un slideshow montrant les images 4 a 4.

Meme en recopiant exactement la source d'ou je trouve le slideshow rien n'y fais :'(

Pourtant ce que je cherche a faire reste relativement simple il me semble.

En gros cela donnerait:

<= [images01] [images02] [images03] [images04] =>

Je suis desesperé, deja 3 jours a bossés dessus sans aucune avancée :'(

A noté que j'ai dans la page un CountDown qui pourrait peut etre faire buger le slideshow

EDIT (17h40){printf:"j'suis fatigué...";}; Je viens de trouver une alternative a mon souci mais il reste encore un bug d'affichage malheureusement. Cela est surement du au fais que j'ai un CountDown et un Carrousel sur une meme page... A verifier ^^

Vous pourrez vous en rendre compte a l'adresse suivante :

Cliquez ici :)l