Bali Web Design Services
.com
.net
.org
.biz
.asia
.mobi
.info
.name
.us
   
Cpanel WHM Demo
   
Live Help
April
26
2010
Making Slideshow with TinySlider Script

By using TinySlider Script is the easy way to create lightweight slideshow into any content and gracefully degrades without JavaScript support.  TinySlider slideshow script can easily be customized to integrate with any website through CSS.

You can add any content to it, not just images the script also 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).

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.

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
});

TinySlider ScriptThe 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.

VIEW DEMO

DOWNLOAD SCRIPT

 
#fc3424 #5835a1 #1975f2 #b487c5 #af8cb4 #3ac3c6