Scroll Image Gallery

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
Bulleted list is used to display the slides. The <div> tag with the .slider class and a nested <div> 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).

CSS
You can find script related stylesheet in the main style.css file.

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.