https://github.com/simbo/imageslider
ImageSlider is a jQuery plugin that creates an animated box of images with matching text links.
https://github.com/simbo/imageslider
Last synced: 2 months ago
JSON representation
ImageSlider is a jQuery plugin that creates an animated box of images with matching text links.
- Host: GitHub
- URL: https://github.com/simbo/imageslider
- Owner: simbo
- License: other
- Created: 2012-03-30T01:07:40.000Z (over 14 years ago)
- Default Branch: master
- Last Pushed: 2012-03-31T21:00:10.000Z (over 14 years ago)
- Last Synced: 2026-01-01T04:21:01.150Z (6 months ago)
- Language: JavaScript
- Homepage: http://simbo.de/files/imageslider
- Size: 418 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ImageSlider
*ImageSlider* is a jQuery plugin that creates an animated box of images with matching text links.
[Demo](http://simbo.de/files/imageslider "Image Slider Demo")
## Basics
The HTML markup should look like this:
```
...
```
To create an ImageSlider with default options just put this in your `$(document).ready()` function:
```
$('#myImageSlider').imageSlider();
```
Or with some individual options:
```
$('#myImageSlider').imageSlider({
animation: ['top right','top left','bottom left','bottom right'],
animationDuration: 800,
displayDuration: 6000,
appearance: 'out'
});
```
## Options
* `displayDuration`
A number of milliseconds how long an image will be displayed.
default value: `5000`
* `animationDuration`
A number of milliseconds how long an animation will run.
default value: `1200`
* `animation`
A string or an array of strings defining the animation or the list of animations.
possible values: `fade`, `top`, `bottom`, `left`, `right`, `top left`, `top right`, `bottom left`, `bottom right`, `[...]`
default value: `fade`
* `appearance`
A string defining whether the next image should slide in or the current image should slide out.
possible values: `in`, `out`
default value: `in`
* `delimiter`
A string defining the delimiter to split title from subtitle.
default value: `|`
* `easing`
A string defining the easing for the animation.
default: `swing`