Design Lib

Jquery is a magic! something that we could have done in hours, we

can do in minutes and thats not all, there is an extensive library available for plugins that literally gives you freedom to get your task done without writing the code for the whole job. This time I have selected some of the best and mostly wanted plugins for galleries and image views. I hope most of the people looking for it will get this post there final destination of search.

1. Easy Slider

Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css.

2. Galleria

This gallery was created from a simple unordered list with images – thumbnails and functionality is all in the Galleria plugin.

3. Space Gallery

Gives you the ability to scroll images in a 3D way where images are piled behind each other and vanishes when you click on any of the image visible. A unique way for galleries.

4. EOGallery

EOGallery is a web animated slideshow gallery maid with jQuery. It only uses basic jQuery functions and Cody Lindley’s Thickbox to display larger pictures. By the way, EOGallery is XHTML 1.0 strict valid and almost CSS valid, it has been tested on Firefox, Safari, Internet Explorer 6 and works even with non-javascript and/or non-css browsers. EOGallery has been maid for testing purposes, there could be bugs and strange behaviors. For more informations, read read FProd’s blog.

5. slideViewer

slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML.

6. Full screen image gallery using jquery and flicker

It’s a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. I personally like the way it loads the pictures to be shown. This is truely a nice plugin to have.

7. Slider Gallery

This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff.

8. Cross Slide

CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself (a lot.)

9. Jquery LightBox Plugin

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.

10. Fancy thumbnail hover effect with jquery

11. JFlow

Jflow is a slider plugin that keeps the navigation at the top of the pictures and gives a cool look while sliding.

12. Image Flow

Image flow is inspired by Apple’s cover flow. The javascript renders the cover flow effect without any noticeable flaw. Keyboard navigation (arrow keys), mouse scroll and dragging is supported. Very cool script to use.

13. Surpersized jquery plugin

Resizes images to fill browser while maintaining image dimension ratio and cycles Images/backgrounds via slideshow with transitions and preloading.Also navigation controls allow for pause/play and forward/back

14. Galleriffic

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

15. Simple jquery slider

This is not a plugin rather this is a tutorial that gives you sufficient help to make your own jquery based image-slider. It has given code examples as well as working demos to match your code performance with the working models.

16. Simple Scroll Gallery

Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.

17. Simple image gallery

The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The inspiration for this plug-in this iTunes album viewer. The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through.

18.  Jquery multimedia portfolio

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

19. Simple div slider

Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scroling to distinct steps. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hot spots within the scrollable area or via autoscrolling

20. S3slider jquery plugin

Its an easy to use slider with ability to show caption hovered over the image. It also gives you the ability adjust the size of the image accordingly. Good to for the sites that needs constantly running images without any input from user like Products showcase etc.

21. Pikachoose

Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well… all around easy.

22. Flickergallery

flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr.

23. jquery galleryview

GalleryView decides the best way to animate the filmstrip. When the gallery is wider than the filmstrip, the filmstrip remains stationary and the pointer slides from frame to frame. When the filmstrip is too long for the gallery, the pointer remains still and the filmstrip animates underneath it.

24. Jjqzoom Image zooming tool

JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want.

25. Simple jquery slideshow

A very simple tutorial of creating slideshow using jquery and CSS. example code is also available to download from the site.

26. Pirobox jquery image viewer plugin

Seamless functionality and easy to navigate are some of the features of this plugin. you can use Pirobox in profile pictures show or events pictures sliders.

27. Noteforlightbox

NotesForLightBox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.

28. Animated javascript slider

This is a great tool. it gives you facility to slide the image and show the description using an overlay of div with dark bakground. most of the time such visibility is obtained using flash plugins but now its available in simple jquery based plugin.

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

30. jqGalScroller jquery scroller plugin

jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.

31. jquery scrollshow

jQuery.ScrollShow is a very customizable slideshow, that relies on jQuery.ScrollTo, to slide(scroll) the items. Documentation is included in the source file. The plugin is still in beta stage, but will be soon (hopefully) stable.