Submit your widget

jQuery Horizontal Box Slider

Created 13 years ago   Views 13537   downloads 1695    Author NV
jQuery Horizontal Box Slider
View DemoDownload
90
Share |

Horizontal Box Slider is using native scrolling. There are a lot of “carousels”, but none of them is using it.

horizontal_box_slider.js is very tiny (≈2.75KB) framework agnostic “carousel” control.

jquery.horizontal_box_slider.js (≈2KB minified) built on top of that. It scrolls smoothly.

API

var turner_painting = document.getElementById("turner_painting");
var pictures = turner_painting.getElementsByTagName("img");
var slider = new HorizontalBoxSlider(turner_painting, pictures)

 

Tests

Works well in Chrome 6, Firefox 3.5, Safari 5, Opera 10.60, and IE 8. IE 6 and 7 have some issues with examples, but the script itself works.