[jQuery] Galerie photos jQuery responsive avec animations CSS3 : S Gallery

S Gallery est un plugin jQuery permettant de créer une galerie photos dynamique en jQuery, compatible responsive webdesign et composée de multiples transitions CSS3. Une belle ressource pour présenter vos créations / photos avec un style fort sympathique.

L’avantage de ce plugin réside dans les transitions parfaitement dosée qui donne un aspect moderne et dynamique à votre galerie d’images.

Au clic sur une des photos, les autres disparaissent et la photo sélectionnée s’agrandit avec description.
Il vous sera possible de naviguer en mode détail à travers toutes les photos ou même activer le mode plein écran.

Si vous souhaitez revenir sur la liste des images, un nouvel effet CSS3 reconstitue la liste avec style.

Le plugin s’adapte à la taille des navigateurs ce qui le rend intéressant pour une intégration dans un site responsive.


s-gallery

Côté code, voici le markup HTML à mettre en place :

Après avoir chargé le CSS et la bibliothèque jQuery, il ne vous reste plus qu’à déclencher la galerie :

$(document).ready(function(){
	$('#gallery-container').imageGallery({
		fullScreenEnabled: true //default is false
	});
});

Source