Our Top 3 Jquery Slideshows

Galleriffic Plugin

Link: http://www.twospy.com/galleriffic/

Demos:

1. Minimal implementation
2. Thumbnail rollover effects and slideshow crossfades
3. Integration with history plugin
4. Insert and remove images after initialization
5. Alternate layout using custom previous/next page controls

Description:

A hugely feature rich jQuery slideshow that is easy to easy to install, customisable and lightening fast, making it the perfect slideshow for the majority of scenarios. It has a great thumbnail pagination system ideal for a content managed gallery with a large number of images.

Features:

1. Optional jQuery.history plugin integration to support bookmark-friendly URLs per-image.
2. Downgrades gracefully when JavaScript is disabled.
3. Smart image preloading after the page is loaded.

Download:

1. Examples: galleriffic-2.0.zip ( ~135 kb )
2. Script only: jquery.galleriffic.js ( ~32 kb )

Easyslider 1.7

Link: http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

Demos:

1. Continuous slider
2. Numeric navigation
3. Multiple sliders

Description:

Easyslider is incredibly easy to install and configure. It will slide any content wrapped inside a <ul> (unordered list) either horizontally or vertically, it is 100% customisable by altering the CSS and a tiny piece of jQuery placed in the head section of a website. It is also very straightforward to set up more than one Easyslider on a page.

Features:

1. Lightweight code (8k).
2. Degrades gracefully when JavaScript is disabled.
3. Numeric or Left/Right controls.

Download: EasySlider 1.7

Galleria Plugin

Link: http://devkick.com/lab/galleria/

Demos:

1. Demo 1
2. Demo 2

Description:

An unobtrusive, lightweight and very attractive jQuery plugin that creates either scaled or unscaled thumbnails for you, centered and cropped to fit inside a thumbnail container, which width and height are controlled via CSS. It has a range of options for you to extended the plugin and add different effects to both the thumbnails and current image. It also leverages the history object allowing users to use their browsers back button to view previous images.

Features:

1. Super lightweight code (4k packed).
2. Downgrades gracefully when JavaScript is disabled.
3. Displays current thumbnail when image is loaded.

Download: Galleria Plugin

Tags: jQuery

This entry was posted on Saturday, May 1st, 2010 at 1:03 pm and is filed under Web Design, jQuery. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.