Release Notes
All the history of desoSlide can be found here
All the history of desoSlide can be found here
thumbEvent: 'click'
property (available values: 'click'
, 'mouseover'
).
onThumbMouseOver
.
effect: 'none'
.
controls.show
if there is only one thumbnail.
2.0.0-rc2
.animate
effects: slide
, bounce
, flipY
, rotateBig
and fun
.
magic
effects: perspective
and swap
.
animate.flip
to animate.flipX
.
This version totally breaks the backwards compatibility!
$(window).load(function() {})
instead of $(function() {})
.
$(window).load(function() {
// Here we are sure that all images are loaded
$('#slideshow').desoSlide({
// options
});
});
thumbs
option which takes an anchors collection.
$(function() {
// In version 1:
$('#thumbs').desoSlide({
main: {
container: '#slideshow'
}
});
});
$(window).load(function() {
// In version 2:
$('#slideshow').desoSlide({
thumbs: $('#thumbs li > a') // This new way allows you to target any thumb in your DOM
// Or
thumbs: $('a.thumb') // Be sure that your anchor has an `img` tag as a child
});
});
imageClass
to replace main.cssClass
.
main
object including main.container
, main.cssClass
and main.insertion
.
caption
.
controls.enable
to controls.show
.
controls.keys
from true
to false
by default.
effect
option type from string
to object
.
effect.provider
.
effect.name
.
on
.
events.onImageClick
.
events.onImageShow
.
events.onImageShown
.
events.onImageHide
.
events.onImageHidden
.
events.onError
.
events.onWarning
.
events.onSuccess
.
events.completed
.
rebuild()
.
getThumbs(index)
.
setEffect(effect)
.
pause()
.
play()
.
isPlaying()
.
goPrev()
.
goNext()
.
goTo(index)
.
data-desoslide-caption
to data-desoslide-caption-title
.
data-desoslide-caption-title
is specified.
data-desoslide-href
to data-desoslide-caption-link
.
data-desoslide-caption-link
is specified.
gulp-qunit
.
'random'
effect.
undefined
error when no overlay specified.
'events'
option: 'thumbClick'
, 'prev'
, 'pause'
, 'play'
and 'next'
.
'result'
option in 'events.completed'
.
'animationend'
event to recalculate overlay positioning after each effect, instead of using an arbitrary timeout.
'log'
option (enabled by default in case of error or warning).
'desoslide'
namespace for data API. Use data-desoslide-*
.
'none'
value for overlay
option.
'sideFade'
and 'sideFadeBig'
.
mainImageClass
option.