
This super lightweight (1.5KB) and standalone sliding slideshow script can easily be customized to integrate with any website through CSS. You can add any content to it, not just images, and it gracefully degrades without JavaScript support. The script supports automatic rotation with the option to auto-resume, an active class on a navigation list if applicable, and a direction toggle (vertical or horizontal).
To initialize the script use the following:
var slideshow=new TINY.slider.slide('slideshow',{
id:'slider', // ID of the parent slideshow div
auto:3, // Seconds to auto-advance, defaults to disabled
resume:true, // Resume auto after interrupted, defaults to false
vertical:false, // Direction, defaults to false
navid:'pagination', // Optional ID of direct navigation UL
activeclass:'current', // Class to set on the current LI
position:0 // Initial slide position, defaulting to index 0
});
The first parameter taken by TINY.slider.slide is the variable name used for the object instance. You can also optionally set width and height parameters for the applicable direction you are sliding. If it is not set the width or height will be automatically calculated using the offsetWidth/offsetHeight of the first list element. This script has been tested in all major browsers and is available free of charge for both personal or commercial projects under the creative commons license. Community support is available here. Paid support is also available, contact me for details.
Click here to download the source code.
12/8/2009 – Fixed bug that threw slider into loop outside of constraints.

Pingback: TinySlider - JavaScript Slideshow in 1.5KB | tagdocs.de
Pingback: TinySlider: Lightweight JavaScript Slideshow Ajax Help W3C Tag
Pingback: TinySlider Slideshow | BeWissi - Aportando a la web con Guías, Informaciones útiles
Pingback: TinySlider – Super lightweight slideshow script
Pingback: TinySlider — un diaporama léger en Javascript » Javascript & Web Design - Tous les jours le meilleur des ressources Javascript pour intégrateurs web front-end (avec parfois un soupçon de PHP)
Pingback: Heti események | I build websites
Pingback: Creating a Content Slider for Wordpress using TinySlider « qeqnes | Designing. jQuery, Ajax, PHP, MySQL and Templates
Pingback: 使用TinySlider为Wordpress创建幻灯片 — 老孙博客--Lao Sun's Blog
Pingback: Top 10 Images Slideshow Scripts
Pingback: AddaZ | Blog | Creating a Content Slider for WordPress using TinySlider
Pingback: 139 Ressources Javascript et jQuery
Pingback: Creating a Content Slider for WordPress using TinySlider | PIXEL SHOP
Pingback: Slideshow Script – TinySlider « Createlo