TinySlider — un diaporama léger en Javascript

TinySlider est un diaporama Javascript autonome très léger de 1,5 ko facilement personnalisable via les CSS. On peut intégrer autre chose que des images et la gracieuse dégradation est assurée en l’absence de Javascript sur l’agent utilisateur du visiteur. Le script possède des options pratiques comme vous pouvez le voir sur l’exemple d’appel au script :

var slideshow=new TINY.slider.slide('slideshow',{
    id:'slider', // ID of the parent slideshow div
    auto:3, // Seconds to auto-advance, defaults to disabled
    resume:true, // Resume auto after interrupted, defaults to false
    vertical:false, // Direction, defaults to false
    navid:'pagination', // Optional ID of direct navigation UL
    activeclass:'current', // Class to set on the current LI
    position:0 // Initial slide position, defaulting to index 0
});

Voir la démonstration.

DOMTab — Menu à onglets simple et efficace

DOMTab — Ce script non-intrusif transforme une liste de liens en un système de menu à onglets (plusieurs menus sur une même page possibles). Parmi les plus : la possibilité de faire un lien vers un onglet et la mise en place de liens suivant et précédent pour accéder aux onglets (y compris avec une image). Voir mon comparatif entre DOMTab et idTabs pour en savoir plus.

Un diaporama avec AnythingSlider jQuery Plugin

Voici un diaporama de très bonne facture qui fera le bonheur de tous. Le contenu de chaque diapo peut être réalisé à l’aide du composé HTML de votre choix (texte, images, etc.) et chacune d’elle peut être directement accessible via un système d’onglet. Mais trêve de bavardage, je vous laisse avec la démo, le lien de téléchargement et l’exemple d’appel du slideshow avec ses paramètres :

Sélecteur de date (Date-Picker) non-intrusif

Unobtrusive Date-Picker est un sélecteur de date qui affiche un mini calendrier pour afficher automatiquement une date formatée dans un ou plusieurs champs input. Parmi les plus de cette solution : l’accessibilité (navigation au clavier, ARIA, etc.) et l’internationalisation soignée.