Comment créer plusieurs carousels ?

C'est très simple, il suffit d'ajouter autant de fois que vous le souhaitez le code suivant :

<div class="yojaCarousel"></div>

Ensuite vous pouvez customiser et paramétrer indépendamment chaque carousel (voir les menu "Customisation" et "Paramétrage") :

Exemple : Carousel à customiser et paramétrer :

<div id="mycarousel1" class="yojaCarousel"></div>

A noter l'utilisation de l'attibut "id" qui représente l'identifiant unique de votre carousel (et plus généralement d'un élement HTML) dans la page. Cet identifiant vous permet de personnaliser chaque carousel :

- au niveau des CSS :

div#mycarousel1{
	border:2px solid #000;
	margin:20px 45px 5px 0px;
	margin-left:46px;
	width:460px;
	padding:25px;
	background: #333;
	display:block;		
}

-au niveau du paramétrage du carousel :

YOJA.module.carousel.parameters["mycarousel1"]={speed:1000, auto:true, visible:5};

Exemple : Carousel identique à celui par defaut (avec le reflet des images):

<div id="mycarousel2" class="yojaCarousel jMyCarousel reflection"></div>

Exemple : Carousel identique à celui par defaut (sans le reflet des images):

<div id="mycarousel3" class="yojaCarousel jMyCarousel"></div>

Exemple : Carousel avec vos propres images :

<div id="mycarousel4" class="yojaCarousel myImages"></div>

A vous maintenant de vous amusez avec toutes les combinaisons possibles