API Documentation

Slideshow

Themable, WAI-ARIA accessible javascript slideshow with mouse and keyboard interactions for navigation. For examples, check out Slideshow demo page.

Properties

Key Type Required Description
animation string No Defaults to slide
autoPlay boolean No Defaults to false
easing string No Defaults to easeIn
focused number No Defaults to 0
height number No Defaults to 400
interval number No Defaults to 2000
orientation string No Defaults to horizontal
arrows object No Defaults to {enable: true, visible: false}
control boolean No Defaults to true
navigation boolean No Defaults to true
responsive boolean No Defaults to false
speed number No Defaults to 1000
stopOnEnd boolean No Defaults to false
width number No Defaults to 600

Methods

Method Arguments Description
destroy .zinoSlideshow("destroy") Removes the slideshow functionality completely. This will return the element back to its pre-init state.
first .zinoSlideshow("first") Show first slideshow item (image, content or etc).
goto .zinoSlideshow("goto", index) Go to specified slideshow item by given index.
last .zinoSlideshow("last") Show last slideshow item (image, content or etc).
next .zinoSlideshow("next") Show next slideshow item (image, content or etc).
option .zinoSlideshow("option", options) Get or set any slideshow option. If no value is specified, will act as a getter.
play .zinoSlideshow("play") Start slideshow.
prev .zinoSlideshow("prev") Show previous slideshow item (image, content or etc).
stop .zinoSlideshow("stop") Stop currently running slideshow.

Events

Event Arguments Description
start event, ui Allows you to define your own event when the slideshow movement begins.
end event, ui Allows you to define your own event when the slideshow movement ends.
first event, ui Allows you to define your own event when the slideshow reaches the first slide.
last event, ui Allows you to define your own event when the slideshow reaches the last slide.