jQuery Slider

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.