Bonjour a tous,

J'ai un soucis d'affichage d'un carousel en jquery.
J'ai utilise le code de Jan Sorgalla sur un site.
Celui-ci est inclus dans un footer cache qui apparait au clique d'un bouton.
Lorsque le carousel apparait, il commence par la premiere image sans afficher les autres.
Voici le code du Footer:

<!-- FOOTER -->
        <!-- Hidden Footer -->
        <div id="ContactPanel">
            <div id="inside">
            	<div id="galerie">
                    <ul id="carousel" class="jcarousel-skin-tango">
                        <li class="jcarousel-item-1"><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
                        <li class="jcarousel-item-2"><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
                        <li class="jcarousel-item-3"><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>

                        <li class="jcarousel-item-4"><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
                        <li class="jcarousel-item-5"><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
                        <li class="jcarousel-item-6"><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
                        <li class="jcarousel-item-7"><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
                        <li class="jcarousel-item-8"><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
                        <li class="jcarousel-item-9"><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
                    </ul>
                </div><!-- Close Carousel -->
                <script type="text/javascript">
					jQuery(document).ready(function() {
						jQuery('#carousel').jcarousel({
						  wrap: 'circular',
  						});
					});
				</script>

            </div><!-- Close Inside -->
        </div>
<!-- Close Hidden Footer -->
        
        <!-- fix Footer -->
        <div id="contactMe">
            <h3><a href="" id="toggleContactPanel"></a></h3>
        </div><!-- Close Fix Footer -->

et son CSS

/*Footer fixed */
#contactMe {
	position: fixed;
	bottom: 0px;
	height: 40px;
	width: 100%;
	text-align: right;
	margin: 0;
	overflow: hidden;
	background-image: url(../images/FooterBackFix.png);
	background-repeat: repeat-x;
}

#contactMe h3 {
	font-size: 1.5em;
	line-height: 40px;
	color: #fff;
	margin: 0;
}

#contactMe h3 a {
	color: #fff;
	text-decoration: none;
	padding: 0 30px 0 0;
	background: url(../images/toggle-sprite.gif) 0px 0px no-repeat;
}

#contactMe h3 a.active {
	color: #888;
	text-decoration: none;
	background: url(../images/toggle-sprite.gif) 0px -24px no-repeat;
}
/* footer mvt */
#ContactPanel {
	bottom: 33px;
	width: 100%;
	height: 105px;
	display: none;
	color: #bbb;
	z-index: 5;
	background-image: url(../images/FooterBackMvt.png);
	background-repeat: repeat-x;
	position: fixed;
}

#ContactPanel #inside {
	margin: 0 auto;
	width: 980px;
	padding: 30px 0 0 0;
	z-index: 1;
}
#galerie{
	left: 50px;
	position: absolute;
}

Dans le sens PREV, le carousel fonctionne, dans le sens NEXT celui- ci ne fait rien apparaitre

A l'ouverture de la page


Apres un clique sur PREV


Puis apres 2 clique sur NEXT, rien n'apparait


Et la j'avoue ne rien comprendre.
Le truc c'est qu en deplacant le carousel dans le corps du site et non dans le footer, cela fonctionne.
Si quelqu'un avait une idee???

Merci d'avance

Chris

avant que je pète un câble (9 posts sur 10), arrêtez d'utiliser des librairies à la con sans doc (ou alors que vous lisez pas) et allez plutôt lire l'excellent tuto sur javascript! Ou sinon tu post sur clubic!