Default options, with caption.
$('#demo1_thumbs').desoSlide({
main: {
container: '#demo1_main_image',
cssClass: 'img-responsive'
},
caption: true
});
Autostarting, displaying the second image at loading. No link and no keys. Just standard controls.
$('#demo2_thumbs').desoSlide({
main: {
container: '#demo2_main_image',
cssClass: 'img-responsive'
},
auto: {
start: true
},
first: 1,
effect: 'sideFade',
controls: {
keys: false
}
});
Displaying the overlay by hovering the main image. No link provided and no controls.
$('#demo3_thumbs').desoSlide({
main: {
container: '#demo3_main_image',
cssClass: 'img-responsive'
},
effect: 'flip',
overlay: 'hover',
caption: true,
controls: {
enable: false,
keys: false
}
});
Autoloading. Hiding the overlay.
$('#demo4_thumbs').desoSlide({
main: {
container: '#demo4_main_image',
cssClass: 'img-responsive'
},
auto: {
start: true
},
effect: 'rotate',
overlay: 'none',
controls: {
enable: false,
keys: false
}
});