15 Trendy jQuery Image Galleries and Sliders That You May Like

May 8, 2010 — Leave a comment

One of the most important elements in creating a successful portfolio or websites is to use beautiful and unique image gallery catching eyes with its sliding elements. All of the following image galleries and sliders use jQuery.

1. Full screen image gallery using JQuery and Flickr

Full screen image gallery using JQuery and Flickr

DevKick developed a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. I also spiced it up with a flickr search engine, thumbnails, captions, pre loader and some other goodies

2. Supresized image gallery

Supresized image gallery

This is from BuildInternet, this plugin actaully re size the images to fill the browser while maintaining image dimension ratio, cycles images or backgrounds via slide show with transitions and pre loading . Navigation controls allow for pause/play and forward/back.

3. s3Slider jQuery plugin

s3Slider jQuery plugin

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. Boban from Serie3 needed something like that for jQuery (for his web site kruskica.net).

4. jQueryGlobe – jQuery Plugin

jQueryGlobe – jQuery Plugin

This jQuery plugin enables simple and easy creation of an interactive “Featured Items” widget.

5. jQuery LightBox Plugin 0.5

jQuery LightBox Plugin 0.5

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.

6. Galleriffic

Galleriffic

Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth.

7. Image Rotator

Image Rotator

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, Designm.ag tutorial will help you understand how the image rotator works and helps you create your own from scratch.

8. Circular Image Gallery

Circular Image Gallery

This script slides a list of images from right to left across the window using only div and images

9. Simple Image Slide Show

Simple Image Slide Show

Queness show you how to create a simple image slide show with a semi-transparent caption with jQuery. This example is suitable to display news headlines, or a image slide show in your website frontpage

10. jQuery Image Scroller

jQuery Image Scroller

Dan Wellman shows us an tutorial to make a image scroller, making use of jQuery’s excellent animation features and generally having some fun with code.

11. Horinaja Plugin

Horinaja Plugin

Horinaja is a ready-to-use slide-show implementation, utilizing either scriptaculous/prototype or jQuery. A running example above

12. Looped Slider

Looped Slider

Looped Slider was developed by Portland, Oregon front end developer Nathan Searles, With this slider you can simple use images and <div></div> or use simple text and auto height example using <li></li>.

13. simple Slide

simple Slide

Simple Slide is a jQuery slideshow plugin, which is small in size at 15kB for the full version, it’s flexible with minimal markup to add to your site and it’s neat by adding some slick usability for your site as well.

14. prettyPhoto

prettyPhoto

prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.  It comes with useful APIs so prettyPhoto can be launched from nearly anywhere (yes, that includes Flash)!

15. Coin Slider

Coin Slider

jQuery Image Slider with Unique Effects

About these ads

No Comments

Be the first to start the conversation!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s