Diaporama jQuery avec effet slide

photowallgalerie

Voici un tuto pour réaliser une photos composée de miniatures avec effet slide et zoom sur le clic de souris, du plus bel effet.


slide jquery

Merci à Codrops qui a partagé s ce tutoriel.
Sur une page entière vous avez donc des miniatures avec un effet opacité très sympa sur le mouseover. Sur le clic un panneau se déplace vers le haut pour faire apparaitre la photo en taille normale, pour fermer il suffit de cliquer une nouvelle fois sur cette photo et le panneau disparaitra vers le bas.
diaporama jquery

A noter l’utilisation d’une fonction qui permet de redimensionner les images en fonction de la résolution de l’écran donc pas de souci de taille d’image.

Un effet de transition en fondu à aussi été ajouter entre les images de tailles normales

Voir le Tuto complet: Codrops

Démo: http://tympanus.net/Tutorials/SlidingPanelPhotowallGallery/
Libre d’utilisation.

A voir aussi