If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

“slideViewer” Slider

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:

"slideViewer" Slider, 1.0 out of 5 based on 3 ratings
  • http://driver-driver-driver.com Drivers King

    Very nice post, I surely love this site, keep it up.