Aller au contenu Aller au menu Aller au sous menu Aller à la recherche

Ligams » Publications » Serveur Web » Carrousel Javascript

Carrousel Javascript

Suite au carrousel en Flash, voici le carrousel en Javascript, forcément open-source, il est disponible également en téléchargement ! Dans l'idée, c'était pour tester la fiabilité des frameworks JQuery, Mootools et Prototype JS, pour un projet, le résultat de ces tests sont qu'à notre avis, Prototype JS est très bien, mais trop lourd, JQuery et Mootools n'ont pas un modèle très évolué (c'est aussi pour cette raison qu'ils sont moins lourds) : lorsque l'on tombe sur un script intéressant chez les 2 derniers c'est bien, mais impossible d'envisager la moindre conception "normale", ce qui est regrettable et les rend pénibles.

Comme l'utilisation de ces 2 Frameworks n'a pas été fructueuse, nous avons supprimé les couches des frameworks et crée une classe normale Javascript, le résultat est à peu près fluide pour ce carrousel Javascript : démonstration du carrousel Javascript.

Téléchargement

Pour télécharger le carrousel Javascript, cliquez sur le lien suivant :

Cette archive contient

  • Un fichier HTML
  • La classe JS
  • La classe JS compressée
  • Un fichier CSS
  • Les images

Le carrousel Javascript a été testé et est compatible sous

  • Firefox
  • Opéra
  • IE (7+) : si quelqu'un avec IE6 et antérieur peut me faire un retour :)
  • Chrome
  • Safari

Points forts

  • Léger (3ko)
  • Accessible
  • Simple
  • Compatible

Son principal souci, c'est qu'il n'y a pas d'anti-alias, ni une fluidité extra-ordinaire, c'est pour cette raison que nous préférons une solution basée sur Flash et Actionscript pour les applications riches.

Vous pouvez librement utiliser, revendre et modifier cette source, si au passage vous faites un petit lien, c'est sympa ;)

Utilisateurs de l'animation :

Commentaires

Caroussel

Mardi 20 Juillet 2010 19:15:04 - Thierry

Je viens de le tester sous IE6 et il fonctionne. En revanche, ce dernier n'aime pas les PNG transparents et ne connait pas le lissage lorsqu'il réduit la taille des images. Ceci-dit, le script fonctionne tout de même.

Re: Carrousel

Lundi 15 Mars 2010 12:51:37 - Stéphane Le Merre

A priori, vous pouvez l'insérer dans n'importe quelle page web (ie n'importe quel CMS). C'est à vous de correctement l'implémenter, ce n'est pas non plus très difficile.
Quant aux diverses fonctionnalités proposées, elles seront implémentées si un jour on trouve du temps pour le faire ou un financement qui lancerait le projet :)

Carroussel

Lundi 15 Mars 2010 11:00:02 - Cathy

Bonjour.
Le carroussel est variment magnifique.
Est-il possible de l'inserrer dans Joomla

Merci

Ce beau carrousel en JS

Samedi 23 Janvier 2010 21:30:02 - CHELIDOINE

Bravo !

Je cherchais sans espoir un carrousel qui ait de la gueule et qui ne m'oblige pas à des contorsions infernales ou à devenir un spécialiste avant utilisation ...
Celui là est top. Les paramètres accessibles, pas d'usine à gaz, pas de dépendance http.
Disons que le must serait :
- qu'on puisse changer le sens et la vitesse de rotation
- qu'on puisse le stopper en plaçant la souris dessus
- qu'on puisse le basculer en manuel
avec apparition de boutons de navigation gauche droite

Merci aux réalisateurs !

info@chelidoine.com

Les commentaires sont tous validés par un modérateur, votre commentaire n'apparaît pas directement sur le site.
Aucun support n'est assuré ici, vous pouvez néanmoins laisser vos remarques et critiques sur l'article, les points de vue pertinents sont toujours les bienvenus.

Votez pour cet article

Vote: 4,71/5
(Nombre de votant(s) : 7)

Traduction automatique

Recherche

Ligams © 2009 tous droits réservés - Contact | Aide à la navigation | Plan du site | Glossaire | Infos légales | Accessibilité