- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
FAQs
General Tutorials
MonsterONE Subscrioption
“slideViewer” Slider
November 15, 2010
This is a Slider Script that uses slideViewer plug-in.
JavaScript
In order to make the script work, the index-#.html file with a slider should contain these line of HTML code in order to include the jquery.easing.1.2.js and jquery.slideviewer.1.2.js scripts and jQuery framework:
The <head> section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:
where #mygalone is an id of the slider <div> tag.
HTML
Below you can see the HTML script representation:
The slider is represented with a bulleted list (<ul> tag) that is placed into the <div> tag with #slider id and .svw class. In order to add a slide you just need to add a bulleted list item (<li> tag with <img> content).
CSS
You can find script related stylesheet in the main style.css file. You will need to modify the following styles:
