PUBLIC MARKS with tags jQuery & diaporama

Moins d’un an après la sortie de la version 2 de jDiaporama et plus de 35 000 pages vues, je vous présente aujourd’hui la toute dernière version dotée de nombreuses nouvelles fonctionnalités ! Au programme de cette nouvelle version : Affichage de miniatures pour contrôler le diaporama Pas moins de 12 nouvelles animations de transitions ! Ajout et configuration d’easing pour certaines animations Ajout de contrôles externes pour interagir avec le diaporama Ajout de nombreuses fonctions de callback Choix de la position des miniatures (dessus / dessous) Version pack de seulement 20 ko ! Gestion partielle de la cohabitation d’images au format portrait et paysage Ajout d’un mode debug Diverses optimisations, améliorations et corrections de bugs

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.

prettyPhoto est une script jQuery permettant d’afficher une image (et plus…) dans une lightbox. En effet, prettyPhoto ne se contente pas d’afficher une image, il peut également afficher des vidéos, des fichiers flash, des séquences YouTube, des iFrames. Ce script est compatible avec tous les navigateurs majeurs : * Firefox 2.0+ * Safari 3.1.1+ * Opera 9+ * Internet Explorer 6.0+ prettyPhoto est très simple à installer. Dans le “header” de votre page internet, ajoutez le fichier jQuery, le javascipt de prettyPhoto ainsi que le fichier css dédié. Avant de refermer le “body”, insérez 4 lignes de codes javascript… et sur les liens de vos images (le tag “a href=”), ajoutez simplement une relation faisant référence à la classe prettyphoto (par ex : rel=”prettyPhoto[flash], rel=”prettyPhoto[movies] etc. C’est tout ! Enfin, le design du lightbox est tout simplement superbe et l’auteur a décliné 5 versions différentes… et si cela ne vous convenez pas, vous pourrez le personnaliser. depuis http://mtnconcept.com/free-tools/composants/prettyphoto-jquery-lightbox-clone-2212

Pas moins de 9 effets de transition, une version « packed » de 6kb, que demander de plus ? A oui, il fait aussi défiler les images…