Pas connecté ? jMyCarousel
Comment installer jMyCarousel
Installer jMyCarousel est trés facile. En partant du fait que vous êtes déjà familiers avec html et css, la seule chose que vous avez à faire est d'intégrer le fichier script jMyCarousel à votre page web et de lui donner vos paramètres personnalisés pour le faire fonctionner comme vous le souhaitez.(en configurant sa taille, position, comportement, etc..). L'utilisation de jMyCarousel est trés simple tout en étant trés paramétrable.
JMyCarousel will take care of transforming your html photo presentation into a real dynamic carousel.
Votre code html devrait ressembler à celui ci-dessous :
Vous remarquerez que la taille des images doit être précisé. Ceci afin d'éviter des bugs d'affichage en fonction des navigateurs.
Une fois que vous avez un code html propre montrant vos images, il ne vous reste plus que 2 étapes.
Premièrement, il est nécessaire de lier la page avec jQuery. jQuery est la librairie requise par jMyCarousel. Aprés quoi nous intégrons le script jMyCarousel et ces fichiers css de présentation.
Dans cet état, le carousel est prêt à fonctionner. La seule étape manquante est de lui donner les paramètres personnalisés que vous souhaitez pour votre carousel. Dans l'exemple ci-dessous, nous configurons un carousel ayant une taille de 100% et défilant image par image :
Si vous ne savez pas quels paramètres sont disponibles, vous pouvez soit vous référer à la documentation, soit au paragraphe ci-dessous.
Quelles sont les options disponibles ?
jMyCarousel possède beaucoup d'options de configuration :
| btnPrev | le bouton précédent. peut-être réglé en dehors du carousel en donnant sa référence jQuery, $('#layerId') par exemple. |
| btnNext | le bouton suite. se configure comme mentionné ci-dessus. |
| mouseWheel | activation ou non de la molette de la souris. 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 | la vitesse de l'animation. valeur en ms. |
| 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 | à 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', 'click', etc.. |
| evtStop | personnalisation de l'événement de fin : stop event. 'mouseout', 'mouseup', etc... |
Vous pouvez aussi vous amuser en jouant avec les différentes options.
Comment puis-je modifier l'apparence du carousel ?
Pour modifier l'apparence du carousel, c'est une fois de plus trés simple (l'ingénieur a parlé !). Comme n'importe xhtml script devrait être conçu, la configuration de l'apparence est localisé dans le fichier css jMyCarousel.css.Il ne reste qu'à le modifier pour l'adapter à vos besoins !
Les flèches n'aparaissent pas pour moi. Que dois-je faire ?
Si vous ne voyez pas les flèches sur le carousel, c'est probablement parce que vous avez mis les fichiers images représentant les flèches dans un répértoire que le fichier css ne peut trouver. Essayez de modifier les propriétés css pour indiquer le bon chemin vers les images.
Ca ne marche pas pour moi. Qu'est-ce que je fais ?
Bien.. nous sommes désolés. Nous avons fait de notre mieux pour le faire fonctionner dans la plupart des configurations mais il est tout de même possible que jMyCarousel soit encore réticent à certains navigateurs/systèmes d'exploitation. N'oubliez pas que jMyCarousel est compatible avec les récents navigateurs seulement. (Si vous utilisez sphynx, non pas que ce soit un mauvais navigateur, peut-être devriez vous laisser tomber :-) !) Sinon assurez-vous que la manière dont vous l'avez installé sur votre site ou page web est correcte. Est-ce que les chemins vers les scripts et css sont corrects ? Votre code html est-il valide ? Autant d'erreurs qui pourraient empêcher jMyCarousel de fonctionner correctement.
Ce ne fonctionne toujours pas. Comment puis-je soumettre un rapport de bug ?
Vous pouvez nous soumettre un rapport de bug en nous contactant directement à : bugs@enova-tech.net. Si c'est un bug, nous ferons de notre mieux pour le fixer pour vous !
Comment puis-je contribuer à jMyCarousel ?
Pour contribuer à jMyCarousel, vous pouvez soit développer de nouvelles fonctionnalités, soit soumettre des rapports de bugs, ou soit encore en parler autour de vous !
Si vous avez déjà développés certains fonctionnalités intéressantes pour jMyCarousel, nous aimerions vivement le savoir !! N'hésitez pas à ous contacter à jmycarousel-lovers@enova-tech.net.
