Small & slick

Powerslide is a jQuery plugin to create photo sliders and galleries. You can customize it with one of the included themes and start using it in your personal and commercial projects now, because Powerslide is completly free!.

Support for IE 7+, Firefox 3+, Chrome 3+, Safari 3.1+ and Opera 11+.

Features

• Fully themable
• Small footprint
• Thumbnail navigation
• Bullets navigation
• GPL licensed

How to

Include jQuery library and Powerslide script:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="js/powerSlide.js"></script>

Include Powerslide css and theme:

<link href="css/powerSlide.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="css/powerSlide_graphite.css" rel="stylesheet" type="text/css" media="screen"/>

Insert your images:

<div id="slider">
	<img src="img/img1.jpg" alt="" />
	<img src="img/img2.jpg" alt="" />
	<img src="img/img3.jpg" alt="" />
</div>

Finally, call the Powerslide plugin:

$('#slider').powerSlide({ options });

Options:

'width': 800
'height': 320
'position': 'bottom | top' // Navigation position
'bullets': false // Show bullets
'thumbs':  false // Show thumbnails
'row': 10 // Thumbnails per row
'auto': true // Auto rotate
'autoSpeed': 4000 // Auto rotate speed in ms
'fadeSpeed': 1000  // Image fading speed in ms