Aller au contenu | Aller au menu | Aller à la recherche

Site membre du réseau Izardev et LCNET

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 :

Partagez cet article !

  • Delicious
  • Stumbleupon
  • Digg
  • Facebook
  • Google
  • Linkedin
  • Yahoo Buzz
  • Twitter
Vous avez apprécié cet article ?

Commentaires S'abonner au flux RSS des commentaires

  1. super ce carrousel, en effet dommage qu'il n'y ait pas quelques options supplémentaires, mais cela n'enlève rien à tout le travail déjà effectué pour le réaliser, je l'ai mis en utilisation sur mon nouveau site, merci beaucoup pour ce partage....
  2. Si vous souhaitez outrepasser le support PNG de IE6, vous pouvez utiliser pngFix ou ajouter à la main dans votre CSS l'attribut propriétaire filter:... C'est décrit sur le site de Microsoft.

    Cdt,
  3. 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.
  4. 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 :)
  5. Cathy | Carroussel |
    Bonjour.
    Le carroussel est variment magnifique.
    Est-il possible de l'inserrer dans Joomla

    Merci
  6. CHELIDOINE | Ce beau carrousel en JS |
    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

Ajouter un commentaire

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.