Categories

“featureList” Slider

Template-help.com Team November 15, 2010
No votes yet.
Please wait...

This is a Slider Script that is a wonderful way to present site content to visitors. Besides it has a small size and easily editable via HTML and CSS.

JavaScript
In order to make the script work, the index-#.html file with a slider should contain these lines of HTML code in order to include jquery.featureList-1.0.0.js script and jQuery framework:

The <head> section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:

A bulleted list (a <ul> tag) with #tabs id defines block names. A bulleted list (<ul> tag) with #output id defines block content. For content list script attributes define the following values:

•  start_item – slice that is active by default;
•  pause_on_hover – animation will stop on hover over a slide;
•  transition_interval – number of slices the slide is cut to (pay attention: the more slices you have, ).

HTML
Below you can see the HTML script representation:

CSS
You can find script related stylesheet in the main style.css file. You will need to modify the following styles:

This entry was posted in Slider and tagged jQuery, slider. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket