PUBLIC MARKS with tags jQuery & slideshow

Slides est un slideshow en JQuery simple et léger sans effets superflues ou configurations en trop. Slides, un slideshow simple Slides possède une 20aines d'options classiques que l'on retrouve dans les autres Slideshow, comme le paramétrage de la vitesse de défilement des images, le temps d'arret lorsque la souris passe dessus... Depuis Ferme du Web : http://www.lafermeduweb.net/billet/slides-un-slideshow-en-jquery-simple-et-leger-987.html

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.

SimpleSlide. Un plugin, comme son nom l’indique, simple et efficace. Avec ce slider, on n’est pas obligé de faire slider des images, on peut faire défiler le contenu que l’on souhaite ! Par contre, au niveau des options, c’est un petit peu plus léger que le plugin JQuery précédent. On y retrouve les classiques : vitesse et délais, des options pour la barre de statut (elle ne sert pas à naviguer), un callback et c’est à peu près tout. Et si l’on veut ajouter des flèches de navigation (comme ci-dessus), il suffit d’ajout des div avec les bonnes classes (« left-button » par exemple) et le bon attribut « rel ». Avec cette méthode, tu peux aussi faire un bouton de type « jump to » si on veut amener le visiteur à un slide particulier. D’autres démos de ce plugin sont disponibles ici. Et à noter que tout le contenu du site est dans un SimpleSlide !

Touch-Gallery est un plugin jQuery permettant de reproduire le look & feel des photos sous iPad / iPhone 4 sur son site mobile en plein écran. Touch gallery : slideshow plein écran iPad Grâce à Touch-Gallery, on ne fera plus de différence entre la présentation des photos sur l'appli native de l'iPad ou iPhone 4 et de votre site. Le slideshow / slider d'images s'ouvre en plein écran et le défilement se fait aux doigts. Touch-Gallery est optimisé pour la version Safari Mobile des iPad et iPhone 4 mais fonctionne aussi comme simple slideshow en lightbox pour la version desktop de Safari, Firefox 4, Opera et Chrome. RECUP DEPUIS : http://www.lafermeduweb.net/billet/touch-gallery-un-slider-photos-pour-ipad-et-iphone-4-en-plein-ecran-931.html

Orbit est un plugin jQuery permettant de créer un slideshow / slider d'images design et très léger.

Orbit est un plugin jQuery permettant de créer un slideshow / slider d'images design et très léger.

bxSlider, Slider jQuery Horizontal, Vertical ou à défilement continu myrmex | 30 août 2011 | 0 Comments Share bxSlider est un plugin jQurey très complet qui permet d’insérer très simplement dans vos pages web un carrousel, un slider vertical, un slider horizontal ou un téléscripteur . bxslide, carrousel horizontal, vertical, telescripteur Les principales caractéristiques de bxSlider sont : Transitions horizontal, vertical, ou fondu Affiche et fait défiler plusieurs slides (carrousel) Contrôles « Précédent », « Suivant », « Automatique » Démarrage aléatoire Téléscripteur (Newsticker) Fonctions callback « Précédent » / « Suivant » / « Premier » / « Dernier » Plusieurs Sliders dans la même page web et bien plus encore…

Carousel Leger

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

Sudo Slider est un nouveau slideshow jQuery hautement configurable et permettant de faire défiler tout type de contenu HTML ou media. depuis http://www.lafermeduweb.net/billet/sudo-slider-un-slideshow-jquery-complet-et-multi-contenu-898.html

This plugin makes it simple to manage a slideshow with WordPress by adding a custom post type for slides. The slideshow is powered by jQuery Cycle and has over twenty transition styles to choose from

voir les exemple par les liens

There are some attractive Adobe Flash based solutions for this type of UI component, and while JavaScript versions exist (see this and this), the commercial Flash products tend to have better aesthetics and polish. To redress the balance in JavaScript's favour, I have created this jQuery carousel plugin.

Jquery zoom - Cloud Zoom is a jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.

Le BlogDuWebdesign a séléctionné pour vous différents effets de JQuery pour mettre en avant votre contenu avec vos images. ...

View