This is a simple horizontal slider script based on jQuery Framework.
In order to make the script work, the index-#.html file should contain these lines of code before the closing tag:
Below you can see general HTML script representation:
The slider consists of 3 main elements: left slide arrow – .box-left, the slider box – .box-top, and the right arrow – .box-right.
The slider itself is represented with a bulleted list (<ul id=”slider-list”> tag). In order to add another 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.