This is a great jquery slideshow plugin that works really smoothly and has minimal setup. They give you a default theme for free that looks half descent and you can buy really nice looking themes through their site including a full screen version.
A really superb jquery slideshow plugin. It's pretty standard, with no fancy effects, but it works really well and looks very nice. It's got a descent amount of options for customization and some good callbacks. The only odd thing is that you have to code in the controls, which could probably quite easily be done by the plugin itself with some options that can be set true/false. Otherwise a nice plugin.
Interesting little panel effect plugin that supports a ton of effects. It doesn't look fancy, but would look great as a passive slider in a header or along side your text in a blog. What's also great is you can individually set a transition for each image or just leave it alone and let it randomly choose from the dozens it contains.
This slideshow plugin is a little lacking in features, but it does what it does well. Based on jQuery it's a tidy little plugin that worked well out of the box and will serve well on a home page allowing you to easily setup an auto slideshow to flip thorugh a few images in a header. There is one important thing to note for this plugin and that is that all the images should have the same dimensions which must match the plugins dimensions, check out code samples for more details.
<link rel="Stylesheet" type="text/css" href="/a/plugins/slideshows/jquery/s3Slider/s3Slider.css" />
<script type="text/javascript" src="/a/plugins/slideshows/jquery/s3Slider/s3Slider.js"></script>
<style>
#s3slider { position:relative; overflow:hidden; margin-bottom:30px;}
#s3sliderContent { position:absolute; top:0; margin:0; padding:0; }
#s3sliderContent li{ list-style-type:none; }
.s3sliderImage { float:left; position:relative; display:none; }
.s3sliderImage span { position:absolute; left:0; font:10px/15px Arial, Helvetica, sans-serif; padding:10px 13px; width:422px; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; color:#fff; display:none; top:0; }
.s3SliderImageclear {clear: both;}
#s3slider {
width: 422px; /* important to be same as image width */
height: 200px; /* important to be same as image height */
}
#s3sliderContent {
width: 422px; /* important to be same as image width or wider */
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("#s3slider").s3Slider({
timeOut: 4000
});
});
</script>
<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="/i/slides/slide-1.jpg" />
<span>This is slide 1</span>
</li>
<li class="s3sliderImage">
<img src="/i/slides/slide-2.jpg" />
<span>This is slide 2</span>
</li>
<div class="s3SliderImageclear s3sliderImage"></div>
</ul>
</div>
5. Moving Boxes
This slideshow won't wow you, but it may serve a purpose for some. It has a nice contained slideshow viewer that works better with smaller images. Probably better suited as thumbnail navigator with text underneath each thumb. Overall a descent jquery slideshow plugin.
