- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
FAQs
General Tutorials
MonsterONE Subscrioption
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 <head> 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:
• #slider – the id of script container (the id of a tag container <div>);
• continuous: true – when it is set to true, the slides change continuously;
• pause: 4000 – slides changing rate.
HTML
Using this slide you just need to put a list of slides into the <div> tag with the .slider class.
Below you can see the HTML script representation:
Every list element (<li> tag) represents a slide. So in order to customize slider elements you will need to change the images under <li> tags.
CSS
You can find script related stylesheet in the main style.css file. You will need to modify the following styles:
