2011
jDiaporama v3 : le diaporama jQuery est de retour ! | Développement Web, Webdesign, SEO, Multimédia - Guillaume Voisin, Ingénieur Web
by eledo34 & 1 other (via)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
2010
AviaSlider - a unique jQuery Image slideshow plugin
by eledo34 (via)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.
jQuery lightbox for images, videos, YouTube, iframes | Stéphane Caron – No Margin For Errors
by eledo34 (via)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
Nivo Slider - The Most Awesome jQuery Image Slider
by eledo34 & 5 others (via)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…
2009
2008
1
(10 marks)