100+ Jquery Slider and Slideshows

Slideshow 2 Integration with Lightbox

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website.

This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage information.

A simple slideshow with jquery

A simple slideshow-script, started onload or by link, the transition is fading, once started, the script runs nonstop.

Display

The script shows the given images in the selected DIV-container. It is started either automatically on page load or by the click on optional control-elements. On page load the script replaces the contents of the given DIV-container which gives you the opportunity to integrate a static picture or a notice (like: the slideshow requires JavaScript) thus providing a fallback for visitors with JavaScript disabled.

Functionality

The script works thinkable easy. The given pictures lie one upon the other in a DIV-container. The "one upon the other" is realized by the use of the z-index. Whilst sliding through the pictures the topmost picture is faded out and then - as in a pack of cards - put to the bottom of the deck. That´s all.

Supersized 3.0 – Full Screen Background & Slideshow jQuery Plugin

Features

Resize images to fill the entire browser window while maintaining proportional dimensions.
Fullscreen slideshow complete with transitions, navigation, captions, and preloading.
Integrate with existing sites or create your own portfolio gallery.

New in Supersized 3.0

Added scrolling – you can have your site on top of Supersized.
Increased performance for larger number of images.
Images are now loaded from an array.
Added thumbnail navigation.

Making a Flickr-powered Slideshow

Today we will be developing a jQuery plugin that will make it easy to create slideshows, product guides or presentations from your Flickr photo sets.

The plugin will be using Flickr’s APIs and YQL to fetch the photos in the sets, after which it will create the markup of the slideshow and listen for events.