Slideshow jQuery entièrement personnalisable
Bonjours, je voulais je vous présenter mon plug-in jquery, permettant de réaliser des diaporamas.
Il en existe beaucoup, c'est vrai, mais celui-ci à la particularité d'être entièrement personnalisable.
La classe de base en elle même ne fait rien, hormis l'initialisation des évènements et du lecteur. Ensuite tout se base sur d'autre plugin, pour la transition des diapos, la barre de navigation, ou la "progressbar".
La doc sera faite dans la semaine, mais les exemples sont assez explicite pour en comprendre le fonctionnement.
Voici le code d'un exemple que vous trouverez sur mon site :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
| $('.slideshow.vertical_scroll').jocodeSlideshow({
$slides : '> .pad > .scroller > .slides > img',
disabled_bt_class : 'disabled',
fx : new $.JocodeSlideshowFx.Scroll({
$scroller : '> .pad > .scroller',
duration : 1000,
vertical : true
}),
navigation : new $.JocodeSlideshowNavigation({
$items : '> .navigation > .scroller > a',
$buttons: '> .navigation',
selected_class : 'selected',
scrolled_class : 'scrolled',
fx : new $.JocodeSlideshowNavigationFx.Scroll({
$scroller : '> .navigation > .scroller',
scroll_over : true,
vertical : true
})
})
}) |
Petit à petit, je développerais d'autre effet de transitions. Pour le moment il n'y en a que 2, via les scrolls, ou via l'opacité.
Voici les liens pour le télécharger
http://plugins.jquery.com/jocode_slideshow/
https://github.com/Kimoja/jocode_slideshow
Et un exemple
http://jocode.org/jocode_slideshow/
