Diaporama jQuery avec effet slide
Voici un tuto pour réaliser une galerie photos jQuery composée de miniatures avec effet slide et zoom sur le clic de souris, du plus bel effet.
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.
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.
Loading ...