[contact-form-7 id="24078" title="Feedback EN"]

“slideViewer” Slider

This is a Slider Script that uses slideViewer plug-in.

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.

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).

You can find script related stylesheet in the main style.css file. You will need to modify the following styles:

"slideViewer" Slider, 2.0 out of 5 based on 2 ratings
  • Very nice post, I surely love this site, keep it up.