This plugin has been designed to work with thumbnails. However, you may hide them with CSS to get a basic slideshow.
This plugin has been designed to work with thumbnails. However, you may hide them with CSS to get a basic slideshow.
<link rel="stylesheet" href="path/to/animate.min.css">
$('#slideshow').desoSlide({
thumbs: $('ul.slideshow_thumbs li > a'),
effect: {
provider: 'animate',
name: 'fade'
}
});
Show the third slide at loading, large image shown on mouse over, not click.
$('#slideshow').desoSlide({
thumbs: $('#slideshow_thumbs li > a'),
thumbEvent: 'mouseover',
first: 2
});
The 1-indexed thumb is displayed first, no caption is provided.
$('#slideshow').desoSlide({
thumbs: $('#slideshow_thumbs li > a'),
auto: {
start: true
},
first: 1,
interval: 6000
});
Controls are hidden but available with your keyboard:
$('#slideshow').desoSlide({
thumbs: $('#slideshow_thumbs li > a'),
overlay: 'hover',
controls: {
show: false,
keys: true
}
});
As the overlay is hidden, captions are ignored.
$('#slideshow').desoSlide({
thumbs: $('#slideshow_thumbs li > a'),
auto: {
start: true
},
overlay: 'none'
});