An easy to use slideshow class that allows you to fade, or not fade, from element to element. Slideshow.js also provides and bunch of rather handy options (see below)
Syntax
var mySlideShow = new Slideshow(element, [, options]);Arguments:
- element - (string) The string id of an Element that contains the slideshow items
- options - (object, optional) The options object, plus the options described below:
Options
- hasFade
- a boolean value to determine if you want your slideshow to fade from item to item
- loop
- a boolean value to determine if you want the slideshow to loop or no
- frameDelay
- the amount of time that each item will be shown for
- items
- the css selector of the items you wish to toggle between
- height
- heightof the container of the slideshow, defaults to 400
- width
- width of the container of the slideshow, defaults to 400
- duration
- the speed of the fade transition, defaults to normal
Example
Usage
1 - initialize JavaScript inside of an onDomReady (examples below)
ex. simple slideshow
var mySlideShow = new Slideshow('container', {
items: '.mt-item',
width: 505,
height: 335
});
Requirements
Downloads
- Slideshow-yui.js (yui compression)
- Slideshow.js (no compression)
Support
feel free to contact me via the contact page