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

1 commentaire
  1. agence web 9 années ago

    Le lien est intéressant, mais l’image de cette page est cliquable et peut désorienter

Répondre

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

7 + quatorze =

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

CONTACT

We're not around right now. But you can send us an email and we'll get back to you, asap.

Envoi en cours...

©[current-year] WebCSSDesign

Se connecter

Oubli de mot de passe ?