tinySlider is a simple to manage jQuery slider with a minimal number of features.
We should include jQuery framework and jquery.tinySlider.js by pointing src attribute in the script tag to those .js files.
Initialization script we place in the
It supports the following parameters: easing, duration, prev, next, pagination.
Below you can see general HTML script representation:
The slider itself is represented with a bulleted list (
- tag) inside div container. In order to add another slide you just need to add a bulleted list item
Links prev and next should relate to div container as child elements. Or you can use triggers for the buttons as below:
You can also add pagination, which should relate to the div container as child element.
rel – defines number of the slider (count starts from 0);
tiny_pagination is a default class for pagination element (you can define another class name in the head initialization section).