Sudo Slider est un plugin jQuery de 10 ko permettant de mettre en place un diaporama manuel (Slider) ou automatique (Slideshow) avec tout type de contenus (images, textes, vidéo en Flash, formulaire avec validation, etc.). Une dégradation gracieuse est prévu en l’absence de Javascript (sauf si les contenus sont appelés via Ajax). →
Fancy Sliding Form — Ce script jQuery découpe un formulaire en autant de parties qu’il contient de fieldset, accessibles via un menu qui les fait apparaitre sous forme de Slideshow. Cerise sur le gâteau, un symbole apparait sur chaque entrée de menu si les champs n’ont pas été renseignés. Ce tutoriel explique chaque étape : le marquage HTML, les feuilles de style CSS et le code Javascript. Jetez un oeil sur la démonstration. Via @LaFermeDuWeb.
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.
Pikachoose est le plugin jQuery idéal pour afficher des galeries d’images en toute légèreté. Dispose néanmoins d’options pour faire des présentations (auto-play, boutons de navigation). L’installation et le paramétrage sont à la portée de tous. Cerise sur le gâteau, PikaChoose est accompagné de SliderJS (optionnel) qui transformera votre slideshow en Carrousel.
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 : →