Recoding

What is?

Showcase is a simple, but very powerfull, image slider plugin for jQuery. 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. And follow the project on GitHub!

How it works

Simply use a placeholder in the page

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

Then initialize showcase on that div, setting some properties:

$("#showcase").showcase({
    css: { width: "958px", height: "160px" },
    animation: { type: "fade" },
    images: [
        { url:"images/showcase-home-1.jpg", description: "approx. 11kb of javascript (minified version)" },
        { 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 (nearly) everything" },
        { url:"images/showcase-home-4.jpg", description:"you can define your own ease function" }],
    navigator: { css: { padding: "6px", margin: "0px 0px 0px 0px"} },
    titleBar: { css: { height: "25px"} }
});

Isn't it simple? Unlike many other slider plugins, I don't want to tell you how your slider has to be, so you can configure a lot of parameters, in order to make it AS YOU WANT (take a look at the documentation).

Fully tested with: