28
JUIN

Stack Gallery - Une galerie photos originale en jQuery et CSS3

Publié le 28/06/10 à 07h08 par DJo

Dans ce tutorial, vous aurez la possibilité de créer une galerie de photos plutôt originale, sous forme de pile de photos, grâce à du jQuery et une touche de CSS3.

undefined

Le principe de ce tuto, réalisé par Codrops, est de créer une galerie d'images empilées, que l'utilisateur dépilera en cliquant sur l'image du dessus.

Avec une touche de CSS3, les photos seront légèrement inclinées et les albums seront reflétés grâce à la propriété webkit-box-reflect (A voir dans Chrome ou Safari pour un meilleur rendu).

undefined

Toutes les images seront récupérées dynamiquement avec une portion de PHP.

Le tutorial prend étape par étape toutes les technologies permettant de réaliser cette galerie, et tout est bien expliqué (en anglais).

 

Site Officiel

Baraguiné par MattKetmo le 28/06/10 à 19h20
MattKetmo via Twitter
Vraiment sympa comme effet. Par contre, un poil lent sur Firefox. C'est avec une telle démo qu'on voit la puissance du moteur JS de Google, le V8, avec un affichage très fluide sur Chrome ;) (pas testé Safari ou Opéra)
Baraguiné par MattKetmo le 28/06/10 à 19h23
MattKetmo via Twitter
... par contre gros bug quand on clique très vite pour faire défiler les photos : elles disparaissent ^^'
Baraguiné par atomestudio le 28/06/10 à 23h45
atomestudio sur La Ferme du Web
Je viens de tester sous safari v5 (Mac osx).
Le résultat est fluide également mais je confirme aussi le bug.
Les photos partent à droite lorsque l'on se met à cliquer rapidement?
Baraguiné par zetoun17 le 29/06/10 à 09h31
zetoun17 sur La Ferme du Web
bon sang c'est plus fluide sur IE8 que sur Opera 10.54 !

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web