Plugin jQuery

Colorbox — une « lightbox » légère et extensible en jQuery

Colorbox — Cette petite lightbox légère et personnalisable est le cadre idéal pour accueillir vos photos, vos textes ou vos vidéos. Réalisé avec jQuery, Colorbox est extensible : ajout de fonctions de rappel ou de points d’ancrage événementiels sans pour autant être obligé de modifier les fichiers d’origine. Fonction de diaporama avec marche/arrêt, boutons Suivant ou Précédent et navigation au clavier, ce qui ne gâche rien. Le design de Colorbox est très bien pensé et trouvera sa place sur tous type de sites web.
Applications autonomes

Splash — un diaporama en pur Javascript

Splash est un script permettant d’afficher une image par-dessus le contenu dans le sillage de Lightbox (devenu en quelques années une marque générique comme Frigidaire) sans être obligé d’installer jQuery ou Prototype, ce qui est assez rare pour être signalé. Xuxu voulait une lightbox à son goût, simple, bien codée et rapide, alors il a associé le talent à l’envie, et Splash ! →

Helper CSS

Effets « lightbox » CSS & Javascript sans framework

Effets lightbox sans framework — L’ouverture de nouvelles fenêtres popup a progressivement laisser la place aux effets lightbox. Voici plusieurs solutions simples à base de HTML, CSS  et comportant, une fois n’est pas coutume, du Javascript intrusif pour réaliser une lightbox pour présenter des images, un contenu dynamique, un formulaire avec effet de fading tout en assombrissant le reste de la page. Sans framework Ajax, avec quelques lignes de code. Scripts testés avec Internet Explorer, Firefox, Chrome, Opera, Safari et Konqueror.

Plugin jQuery

Ceebox — une lightbox spécialisée dans l’affichage des vidéos

Ceebox est un plugin jQuery totalement réécrit il y a peu pour afficher n’importe quel contenu dans une fenêtre modale ou non de type lightbox. Ceebox donne toute sa mesure lors de l’insertion de vidéos hébergées sur Google Video, Dailymotion ou Youtube.

Il est possible d’afficher une galerie mélangeant différents types de contenus, y compris via Ajax. Le plugin  nécessite SWFObject jQuery Plugin pour l’affichage des vidéos et s’active de différentes manières. Pour finir, les nombreux paramètres par défaut sont modifiables pour s’adapter à toutes les situations.

Plugin jQuery

jTextTranslate — Traduction de votre site en 87 langues

jTextTranslate est un plugin jQuery qui utilise l’API  Ajax Language de Google pour offrir une palanquée de langues vers lesquelles vos visiteurs pourront traduire vos textes. L’appel est des plus simples : il suffit de lier la fonction  à l’élément HTML de votre choix. Par exemple, utilisez $(.entry).translate() pour permettre la traduction de vos billets WordPress. Le script ajoute un lien qui lance une fenêtre lightbox pour le choix des langues et la traduction elle-même. Via La Ferme du Web.

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

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.