All posts in Carousel

Elastislide – A Responsive jQuery Carousel Plugin

jQuery Carousel Plugin

Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

In a carousel, one could think that simply making its container “shorter” will solve the problem on smaller screens, but in some cases (e.g. when we have bigger images) it might be reasonable to resize the items as well. This and other options are part of Elastislide’s properties.

Elastislide uses the jQuery Touchwipe Plugin which allows you to obtain the wipe event on an iPhone, iPad or iPod Touch.

Make a Fluid Thumbnail Bar with jQuery

jQuery Fluid Thumbnail Bar

The idea of a fluid thumbnail bar is simple: Create a list of thumbnails within a space where the overflow can be flipped through page by page. Speaking of pages, make sure we’re on the same one by checking out the demo page.

To be clear, this tutorial is intended to show you how to add this functionality to an existing list of images, in hopes you can use it to compliment whatever your current setup might be.

jQuery Timelinr

jQuery Timelinr slider

This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can parameterize the majority of attributes: speed, transparency, etc..

Circular Content Carousel with jQuery

jQuery Circular Content Carousel

Today we want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.

jQuery AOG Carousel

jquery Carousel

This is a 3D-like spinning carousel that can be manipulated with the mouse.

It is fully powered by jQuery. There is no Flash, no CSS3, just simple jQuery coding.
It is lightweight (6k) and highly customizable and compatible with all major browsers.

SlideDeck a jQuery Stylish Slider

jQuery Stylish Slider

SlideDeck is a SEO-friendly fully-featured stylish slider that includes a lot of customization options, full API access, many templates + skins + styling to choose from, vertical slides, video-ready, and more.

jQuery Dynamic-Carousel

jQuery Carousel

Dynamic Carousel is a dynamic content slider and carousel, as the name implies. The way it’s dynamic is it uses percentages instead of pixel values, so it can be easily used on a responsive/flexible layout.

jQuery Multimedia Portfolio

jQuery Multimedia Portfolio with audio player and flv player

Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player.

jMyCarousel a jQuery Plugin for Carousel gallery

jMyCarousel a jQuery Carousel gallery

jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.

Agile Carousel: A Highly-Flexible jQuery Slideshow Plugin

Agile Carousel: A Highly-Flexible jQuery Slideshow Plugin

Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows.

The plugin uses JSON for the data format of the slides. So, they can easily be provided remotely and integration with any other system (like CMSs) will be easier.

You can select between “fade” or “slide” as the transition effect, duration of the transitions and intervals between each slide can all be defined.



Best jQuery websites design awards