Le carousel par défaut est paramétrable. Vous pouvez par exemple choisir si le défilement des images est automatique ou activé par l'utilisateur. Pour modifier le paramétrage du carousel par défaut, il suffit d'ajouter le code suivant juste après les lignes de code présentées dans la partie "Installation" :
<script type="text/javascript">
YOJA.module.carousel.parameters["yojaCarousel"]={speed:1000, auto:true, visible:5};
</script>
Voici la liste des paramètres disponibles pour personnaliser votre carousel :
| btnPrev | Permet de définir son propre bouton précédent à l'aide de sa référence JQuery. Par exemple si votre bouton est identifié par id="monbouton", il faudra indiqué $j("#monbouton"). |
| btnNext | Permet de définir son propre bouton suivant. Se configure comme mentionné ci-dessus. |
| mouseWheel | Activation ou non de la molette de la souris pour faire défiler le carousel. true ou false. |
| auto | Précise si le carousel doit défiler automatiquement sans intervention manuelle (notez que dans ce cas, les flèches de déplacement n'apparaissent pas). true ou false. |
| speed | Permet de définir la vitesse de l'animation. valeur en ms. Plus la valeur est élevée et plus le défilement est lent. |
| easing | Effet d'animation personnalisé, 'linear' par défaut. Ce paramètre est relatif à jQuery. |
| vertical | Précise si le carousel est affiché horizontalement ou verticalement. true ou false. |
| circular | Précise si l'animation défile de manière circulaire, sans buter à la dernière image. true ou false. |
| visible | Taille du carousel. valeur en pixels, pourcents, ou nombre d'images |
| start | A quelle position en pixels démarrera le carousel. valeur en pixels. |
| step | Taille du pas de chaque animation. valeur en pixels. |
| eltByElt | Précise si le carousel doit défiler image par image, ou de manière linéaire. true ou false. |
| evtStart | Personnalisation de l'événement de début de défilement : start event. 'mouseover' : défilement lors du survole de la souris sur le bouton, 'click' : défilement lors du clic sur le bouton, etc.. |
| evtStop | Personnalisation de l'événement de fin : stop event. 'mouseout', 'mouseup', etc... |
Il suffit d'ajouter le code suivant juste après les lignes de code présentées dans la partie "Intégration" :
<script type="text/javascript"> YOJA.module.carousel.parameters.activeDefault=false; </script>