- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
Easy Slider
November 15, 2010
This is a Slider Script that uses Easy Slider 1.7 plug-in (you can find a full manual on following this link).
JavaScript
In order to make the script work, the index-#.html file with a slider should contain these lines of HTML code:
The section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:
Here script attributes define the following values: HTML Every list element ( tag) represents a slide. So in order to customize slider elements you will need to change the images under tags. CSS
• #slider – the id of script container (the id of a tag container );
• continuous: true – when it is set to true, the slides change continuously;
• pause: 4000 – slides changing rate.
Using this slide you just need to put a list of slides into the tag with the .slider class.
Below you can see the HTML script representation:
You can find script related stylesheet in the main style.css file. You will need to modify the following styles: