Every once in a while we like to focus on different design elements and how to use javascript and ajax to make them more interactive and more flexible to the user. In this article we’d like to present a list of over 30 hand-picked Sliders, Scrollers and scrollbar techniques you can use to achieve some special visual effects in your designs.
jQuery, Mootools, Prototype and script.aculo.us are used in these examples, so every taste has its demos served.
You might be interested to check some of the designs that was mentioned in the posts below:
Accessible slider
Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS.
Accessible Unobtrusive Slider Demo
This method offer full keyboard capabilities as using unobtrusive JavaScript which is a method that separates the JavaScript behavior from the page markup.
Slider
Degrade gracefully for browser without the needed DOM support with full mouse and keyboard support. Skinable using different CSS files.
Photo Slider Tutorial
Simple to use JavaScript slide show that scrolls thumbnails as smooth as Flash. Tutorial shows how to install and configure the code. The included example uses less than 10 lines of code.
Fireworks.js
Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it’s a fireworks effect someone could theoretically use on their site.
jQuery Multimedia Portfolio
This plugin for jQuery will automatically detect the extension of each media and apply the adapted player. with a nice slider to move through the files.
Ultimate JavaScript Scroller and Slider
This versatile and lightweight JavaScript makes it easy to scroll text blocks, create slideshows, slide between content, create tickers and more.
Easy Scroll: Accessible Content Scroller
Easy Scroll is standalone, lightweight script that is very easily applicable developed by Alen Grakalic.
mooSlideBox 3
mooSlideBox v3 is a small and slim ajax based extension or replacement of the common “lightbox” that can be found on nearly every page. This lightbox clone works in IE 6/7, Opera and Firefox.
jqGalScroll v2.1 (Photo Gallery)
jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.
DHTML Scroller
This script can load a file into a div, and scroll it via simple function calls and a fully draggable and sizeable scrollbar. It’s small and quite fast to load its content.
