- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
Scroll Image Gallery
November 15, 2010
This is a Gallery Script that uses jQueryui ui.
JavaScript
In order to make the script work, the index-#.html file with the gallery should contain these lines of HTML code:
The gallery.js file contains these lines of code that make the gallery work:
This script does not require any configuration.
HTML CSS Make sure to put a correct width value for the .slider class. This value is counted as total width of all slides together with the spaces between adjacent slides.
Bulleted list is used to display the slides. The tag with the .slider class and a nested
tag with the .handle class are used to display the scrollbar. So in order to customize the scrollbar you will need to edit the styles within the corresponding classes (.slider and .handle).
You can find script related stylesheet in the main style.css file.