This is a message.

Scrollable Playlists

Use CSS & Javascript to create amazing playlists


standalone demo

The best skill for implementing a custom playlists is definitely the mastery of the CSS language. The following playlist is build with three images and the rest of the look and feel comes from this CSS file.

The scrolling in this playlist is implemented using the jquery.scrollable tool. You can scroll through the items by clicking on the arrows, using the cursor keys, or with your mouse wheel.

Configuration

// set up scrolling for the playlist elements
    $("div.playlist").scrollable({
        items:'div.clips',
        vertical:true,
        next:'a.down',
        prev:'a.up'
    });
 
    // set up player
    $f("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.11.swf", {
 
        clip: {baseUrl: 'http://stream.flowplayer.org'}
 
    // use playlist plugin to enable playlist items work as movie clips
    }).playlist("div.clips");

JavaScript

Here is the documentation for the playlist plugin.