PUBLIC MARKS with tags diaporama & slideshow

En utilisant le Flux media RSS de Pinterest il est possible d'insérer un Diaporama des denières images postées sur Pinterest, sur un site de Google Sites

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

Un diaporama avec les derniers messages d'un Blog de Blogger. Affiche de 1 à 10 messages. La première photo du message figure dans le diaporama. Affichage aléatoire possible.

Afficher un diaporama de Photobucket avec un Gadget Blogger. Options multiples (clic sur image, barre de navigation, ordre des images)

Des Gadgets Blogger pour afficher un Diaporama Picasa. Des fonctionnalités supplémentaires par rapport au Gadget Diaporama de Blogger

Un Gadget Google permet d'afficher simplement un mur d'images dans un diaporama de Tiltviewer

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…

The Lightbox Clones Matrix est très utile pour trouver un équivalent de Lightbox pour certaines librairies javascript, avec une ou plusieurs fonctions. La liste est exhaustive mais bien garnie : * Lightbox spécifique à chaque framework * liste différent critères de chaque Lightbox (options, poids script + librairie, support des galeries d’images, support pages html, iframe…). The Lightbox Clones Matrix est sans doute l’outil qui vous permettra de trouver chaussures à vos pieds. Il reste tout de même à rajouter la liste des navigateurs compatible avec chaque type de lightbox .

Aquasoft, la page consacrée au logiciel de création de diaporamas. Screenshots et séquences video de démonstration

Il est possible depuis novembre 2007 d'ajouter un Diaporama comme élément de page. Ce nouveau widget est compatible avec les hébergeurs qui fournissent un flux media RSS. Comment utiliser ce widget. Comment créer son propre diaporama en utilisant un flux media RSS.