API Documentation
- Slideshow
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. |