(+84) 463.28.7979

jQuery Slider

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.

3jQuery Slider

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>