100+ jQuery Slider Example: 2011

Sunday, 19 June 2011

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.DisplayThe 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 ...

Supersized 3.0 – Full Screen Background & Slideshow jQuery Plugin

FeaturesResize 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.0Added scrolling – you can have your site on top of Supersized.Increased...

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....

Shutter Effect Portfolio with jQuery and Canvas

We will be using the HTML5 canvas element to create a simple photography portfolio, which displays a set of featured photos with a camera shutter effect.This functionality will come in the form of an easy to use jQuery plugin that you can easily incorporate into any website....

Skitter - Slideshow for anytime

Skitter - Slideshow for AnytimeMore than 20 effects.Photo description with alpha background. Auto Slider.Image url using html or XML.....

iCarousel - Horizontal images slider

One of the most common problems a web developer usually face is related to continuously rotate a fragment of content. It can be a presentation of headlines, small fragments of news or a list of thumbnails. The nature of the thing being rotated doesn't matter too much here because all those kind of applications share always the same idea:...

Spotlight & Preview - Carousel

Illustrates how to spotlight the middle item in the carousel. Several techniques illustrated:Highlight the middle item by switching between a style class 'non-spotlight' (all other visible items have this class) with the style class 'spotlight')To accomplish the offset start (so that item 1 starts in the middle) set scrollBeforeAmount to...

jCarousel and Thickbox 3

Example of jCarousel working together with Thickbox 3....

jQuery Multimedia Portfolio

This plugin for jQuery will automatically detect the extension of each media and apply the adapted player....

Prototype UI-Carousel

Carousel are great to display a large set of data like images. The current version includes:Static and Ajax content,Works with fluid layout,Vertical and Horizontal...

jQuery Infinite Carousel

With jQuery for Designer’s redesign I decided to add a scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. This tutorial will walk through the fundamentals of the effect and how to recreate it. This is a reasonably advanced effect so we need to plan carefully what we’re trying to achieve:Markup that...

jQuery Infinite Carousel Plugin 1.2 Released

What’s So Great About this Plugin?Unlike most carousel plugins which stop when they get to the last image,This one allows the show to go on infinitely without any user intervention.If you have three images you want to display, after the third image has beenDisplayed, the first image will be next. Through some clever JavaScript, images are...

Step Carousel Viewer v1.9

Description: Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to...

Creating a Wobbling 3D Carousel

We’ll be creating a carousel with the help of the 3d Engine we built in a previous post. The idea is we’ll create a ring by plotting points in 3d space, then we’ll rotate it so it’s almost perpendicular to the viewer. Because it’s not 100% flat, it will look like it’s wobbling up and down, giving your carousel a little more flavor....

Cloud Carousel - A 3d Carousel in Javascript

There are some attractive Adobe Flash based solutions for this type of UI component, and while JavaScript versions exist (see this and this), the commercial Flash products tend to have better aesthetics and polish. To redress the balance in JavaScript's favour, I have created this jQuery carousel plugin.There are some benefits to doing this...

jQuery Carousel

Options can be passed to the jquery.carousel method in the form of an associative array: Direction determines the direction of the carousel (horizontal by default)Loop, set to true, allows you to define a carousel that loops (false by default)DispItems determines the number of items to display per step (default 1)Pagination, set to true,...

100+ jQuery Slider Example

Labels