This is a simple horizontal slider script based on jQuery Framework.
JavaScript
In order to make the script work, the index-#.html file should contain these lines of code before the closing tag:
HTML
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).
CSS
You can find script related stylesheet in the main style.css file.