There are four buttons on this example, each of which has three states. That would normally be 12 images (thus 12 server requests), but thanks to the CSS sprites technique it is only one. The technique is demonstrated practically in the form of an accordion widget.

Demo

Download

This is a jQuery based slider which auto-detects the number of “slides”. There are multiple animations per slide, which auto-plays, but has a start/stop button. Very easy to adapt.

Demo

Download

Ajaxify is a jQuery plugin that converts all links in a web page into Ajax load-submit requests.

So, with a single line, you can turn a static website into an Ajaxed one.

It has support for:

• History & bookmarking
• Partial load from the output
• Four events
• Forms
• Animations

In the demos page of Ajaxify, there are lots of examples presented to get you going with it.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://max.jsrhost.com/ajaxify/

Demo: http://max.jsrhost.com/ajaxify/demo.php

Scrollable is a flexible & lightweight (3.9kb) jQuery plugin for creating scrollable contents.

Any content (HTML, video, text..) can be used as a scrolling item. And, it supports vertical scrolling besides the standard horizontal scrolling which makes it very ideal, specially for news sites or portals to present the flash contents.

Other features of Scrollable are:

• Setting the number of visible items
• Mouse, arrow keys and mousewheel (requires mousewheel.js) support
• Programmatic actions: next, prev, nextPage, prevPage, seekTo, begin, end
• Know when list is scrolled with custom event listener

This jQuery plugin is built by the FlowPlayer team (see WRD post) and includes great examples (this & this) with FlowPlayer integration.

s3Slider is a jQuery slideshow plugin inspired from smooth slideshow (but for jQuery rather than MooTools).

It creates the slideshow from an unordered list & can be implemented easily.

Information about the images in the slideshow can be displayed at almost any part of the image as the script can be styled totally via CSS.

The plugin supports a timeout option for setting the time between slides.