What's?

Showcase is a simple, but very powerfull, image slider plugin for the great jQuery javascript framework.

It allows you to define nearly EVERYTHING on the aspect of your slideshow by intuitive options.

It's free to use, just spread the word.

Fully tested with:

Mozilla Firefox Version 3.5+ Safari Version 4.0.4
Opera Version 10.10 Internet Explorer Version 7 and 8
Chrome Version 3.0.195

User's showcase of showcase

This plugin is very versatile, in this section I want to collect your own implementations, so if you use it and if you like it, just send me a link of your works, I'll place here.

An example

What I did

I defined a div with a certain id:

<div id="showcase"></div>

Then initialize showcase on that div, setting some properties (take a look at the documentation):

$(function() {
    $("#showcase").showcase({
        css: { width: "566px", height: "168px" },
        animation: { type: "fade" },
        images: [
        { url:"images/showcase-home-1.jpg", 
          description:"approx. 16kb of javascript" },
        { url:"images/showcase-home-2.jpg", 
          description:"just select a target and a list of images" },
        { url:"images/showcase-home-3.jpg", 
          description:"css or json objects, you choose. Define everything (nearly)" },
        { url:"images/showcase-home-4.jpg", 
          description:"you can define your own ease function" }],
        navigator: { 
			position:"top-left", 
             orientation:"vertical", 
             css: { 
		 		padding:"6px", 
                margin:"25px 0px 0px 0px" } 
			},
        titleBar: { css: { height:"25px" } }
    });
});
CodeCanyon