(+84) 463.28.7979

“tinySlider”


tinySlider is a simple to manage jQuery slider with a minimal number of features.

JavaScript

We should include jQuery framework and jquery.tinySlider.js by pointing src attribute in the script tag to those .js files.
1

Initialization script we place in the section. It initializes the element with the class name .class1 In the code example below you can see that a couple of sliders can be initialized at once, by separating class names with comma:
2

It supports the following parameters: easing, duration, prev, next, pagination.

HTML

Below you can see general HTML script representation:

3

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:
    4
    You can also add pagination, which should relate to the div container as child element.

5

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).

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>