WebCssDesign

bxGallery diaporama jQuery

• Accueil
• Ajax
• bxGallery diaporama jQuery

Encore un nouveau plugin jQuery au doux nom de bxGallery pour créer simplement des diaporamas photos.

Ce plugin bxGallery ultra-léger permet de créer des diaporamas d’images avec miniatures.
Une installation ultra-simple car il suffit d’utiliser une liste non-ordonnée (ul li) d’images et le plugin se charge du reste.

Exemple:

<ul id= »example1″>
<li><img src= »images/image1.jpg » alt= »" /></li>
<li><img src= »images/image2.jpg » alt= »" /></li>
<li><img src= »images/image3.jpg » alt= »" /></li>
<li><img src= »images/image4.jpg » alt= »" /></li>
</ul>

et le code jQuery:

$(document).ready(function(){

	$('#example1').bxGallery({
		maxwidth: 500,
		thumbwidth: 100,
		thumbcrop: true
	});

});

Les nombreuses sont nombreuses et bien documentées:

* max largeur/hauteur d’images (redimensionnera les images en respectant le ratio)
* largeur des miniatures et découpe pour créer des carrés
* opacité des miniatures
* chargement textes et images

Le positionnement des miniatures et au choix grâce à une option ce qui est plutôt intéressant. Vous pouvez donc les mettre où vous voulez (top-bottom-right-left).

A découvrir donc car simple léger et facile à utiliser.

Site Web avec explications  : http://bxgalleryplugin.com/
Les démos : http://bxgalleryplugin.com/demos.php

Télécharger bxGallery : http://bxgalleryplugin.com/js/jquery.bxGallery.min.js.zip