- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
“featureList” Slider
November 15, 2010
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 section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:
A bulleted list (a tag) with #tabs id defines block names. A bulleted list (
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: