jCarousel est un plugin jQuery permettant de contrôler le déplacement horizontal ou vertical d’une liste d’éléments. Les contenus peuvent être composés de HTML statique ou chargés à la volée via Ajax ou tout autre manipulation du DOM. Le scroll peut s’effectuer en avant, en arrière avec ou sans animation. →
Content Switcher est un Slider avec un menu de navigation qui a la particularité de fonctionner parfaitement en l’absence de Javascript et de permettre l’utilisation du bouton retour du navigateur. La version Javascript améliore l’ordinaire avec un effet de fading réalisé avec jQuery pour les transitions entre les slides. Le marquage HTML et les CSS sont très simples à mettre en place : →
EverCookie — cette API écrite en Javascript permet de créer un cookie résistant à tous les mauvais traitements grâce à une solution impliquant ne dizaine de mécanismes différents : cookies standards, Local Shared Objects (Flash Cookie), cookies au format RGB (PNG’s générées avec la balise HTML5 canvas), historique Web, HTTP Etags, userData (pour Internet Explorer). Les différentes possibilités offertes par HTML5 en matière de stockage de données sont aussi de la partie : Session Storage, Local Storage, Global Storage et Database Storage via SQLite. Et d ‘autres techniques sont envisagées…
bxCarousel est un carousel en jQuery qui boucle sur lui-même et qui fonctionne avec tout type d’éléments HTML contenus dans une liste. Parmi les options disponibles, on peut spécifier le nombre d’éléments à afficher et à faire avancer et mettre le carousel en mode automatique ou afficher des liens pour faire avancer ou reculer les éléments. Via Arnaud-K. Voir aussi bxSlider et bxGallery.
TinyFader — Malgré son nom, la particularité de ce diaporama n’est pas de proposer des effets de transitions à base de fading. C’est plutôt son poids — 1,4 KB seulement — qui mérite le détour ! Il s’agit d’une variante de TinySlider en version autonome : TinyFader n’a pas besoin d’un framework Javascript pour fonctionner. L’initialisation et le paramétrage de TinyFader sont très simple : →
Créé par Nathan Searles, Jquery Looped Slider est un diaporama jQuery qui boucle sans accroc lorsque le script atteint la dernière «diapo» de votre Slider. →
Easy List Splitter est un plugin jQuery qui affiche des listes HTML ordonnées (OL) ou non-ordonnées (UL) en colonnes. Choix du nombre et de l’orientation des colonnes (sens de lecture vertical ou horizontal), possibilité d’appliquer le plugin sur plusieurs listes sur la même page avec un nombre de colonnes différent pour chacune d’elles. →
Dans le même esprit que AviaSlider, Nivo Slider est un diaporama qui offre 9 transitions de très bonne facture pour ajouter un peu de peps à nos Sliders images. Compatible avec IE7, Firefox 3+, Google Chrome 4, Safari 4 et Opera 10.5. Nombreuses options de personnalisation. Via @deruyver.
AviaSlider est un diaporama en jQuery de 8 kb dont l’originalité est de proposer huit belles transitions entre les images (j’ai un faible pour la transition fullwidth-fade-slider). Le marquage HTML5 et les effets CSS3 sont présents mais le Slider reste compatible avec IE6, Safari 3+, Firefox 2+, Opera 10+, Google Chrome 3+ en version Mac et PC pour les 3 derniers navigateurs cités. Prêt à fonctionner avec prettyPhoto Lightbox lorsqu’on clique sur une image.
Dans jQuery Events: Stop (Mis)Using Return False, Douglas Neiner nous explique, avec moult exemples, toutes les subtilités relatives aux événements dans jQuery. Une des premières choses que l’on apprend en Javascript est d’empêcher les comportements par défaut liés aux liens ou aux formulaires (le lien sur lequel on l’applique n’est pas suivi par le navigateur, le formulaire ne « submit » plus, etc.).
