Faire un carrousel avec jQuery — Tutoriel très didactique qui décompose le déroulement des opérations pour réaliser un carrousel de base avec HTML, CSS et jQuery.
Plugin jQuery
Faire un Carrousel avec jQuery
Plugin jQuery
Lazy loader — chargement des images à la volée
Lazy loader — Vous souvenez-vous du préchargement d’images en Javascript ? Et bien ce plugin pour jQuery fait exactement le contraire : il ne charge vos images que lorsqu’elles apparaissent dans la fenêtre du navigateur. Le plugin est doté d’options plutôt bien pensées : seuil en pixels à partir duquel l’image sera chargée ; image de substitution en attendant le chargement de l’image ; apparition des images sur un événement click ou mouseover ; affichage des images après le déclenchement d’une fonction personnalisée, etc. Via Anis Berejeb.
Plugin jQuery
jQuery Magnifier Loupe
jQuery Magnifier Loupe permet d’effectuer un zoom sur vos images en utilisant (entre autre) l’attribut longdesc pour zoomer à partir d’une miniature (thumbnail). Attention au caractère peu accessible de l’utilisation de l’attribut HTML longdesc prévue à l’origine pour fournir une description de l’image pour les malvoyants. Cela dit, le script ne nécessite pas obligatoirement cet attribut pour fonctionner : il est possible de déclencher la loupe en utilisant la classe .jLoupe sur l’élément img concerné !
Plugin jQuery
News déroulantes avec jQuery
News déroulantes à la iTélé — Très bonne solution pour avoir un joli bandeau de news à l’aide de liste de définition, d’une pincée de CSS et d’une bonne rasade de jQuery avec explication de texte. Le tutoriel aborde également les aspects graphiques avec le découpage des images. Profitez-en pour jeter un oeil sur la création de plugins jQuery et sur cet effet de page cornée en quelques lignes de jQuery.
Plugin jQuery
jQuery — renverser l’ordre d’une liste ordonnée
Ce script d’une dizaine de ligne permet de renverser l’ordre d’une liste ordonnée : les premiers seront les derniers et vice-versa. On pourrait se poser la question de l’utilité d’une telle fonction puisque comme son nom l’indique, une liste ordonnée est… ordonnée ! Mais rien n’empêche de vouloir connaitre les derniers d’une liste. Dans un autre ordre idée, j’aimerais pouvoir modifier l’ordre de manière aléatoire pendant qu’on y est, des idées ?
Plugin jQuery
jqModal : des fenêtres modales minimalistes
jqModal est le couteau suisse des lightbox en tout genre grâce auxquel vous pourrez afficher des alertes, des notifications, des boites de dialogues, etc. avec récupération du contenu en Ajax si le coeur vous en dit. Son originalité vient du fait que ce plugin n’impose pas de marquage HTML ou de CSS. Idem pour l’internationalisation (i18n inside) : les chaines de caractères ne sont pas codées en dur. Profitez-en pour découvrir jqDnR (jQuery Drag and Resize) pour déplacer et redimensionner des éléments.
Plugin jQuery
Afficher vos flux XML avec jParse
jParse est un plugin jQuery qui va chercher un flux XML (RSS, Atom) via Ajax pour l’afficher en HTML. Le tout pour moins de 2 KB et compatible avec les navigateurs les plus répandus : Firefox 1.5+, Safari 3+, Chrome 3, Internet Explorer 6+ et Opera 9+ !
Plugin jQuery
Augmenter la taille du texte avec jQuery
Zooming with jQuery and CSS — Ce petit script jQuery très simple permettra à vos lecteurs de modifier la taille du texte de votre site en choisissant une valeur dans un menu déroulant.
Plugin jQuery
Effets jQuery accessibles WAI-RIA
jQuery-Accessible-RIA est une Collection de plugins pour jQuery repensés pour être conformes aux normes régissant l’accessibilité sur le web (WAI) : WCAG 2.0 et ARIA. Initialement développé pour améliorer les bonnes pratiques de développement front-end chez Namics, le pack se concentre sur les besoins récurrents en webdesign : lightbox, validation de formulaires et menus à onglets accessibles sont prêts à l’emploi. Via Web CSS Design.
Plugin jQuery
jCarousel Lite
Vous connaissiez peut-être jCarrousel, le tout-en-un de la gallerie d’image en jQuery ? Et bien jCarousel Lite se concentre sur la fonctionnalité prinicipale de ce qu’on attend d’un carrousel pour le modique poids de 2KB seulement.