Advertisment
jQuery is already very popular because it is very fast and concise Javacript library simplifing and different event handling, smooth animation with very little code. With jQuery you can enjoy new way of web development and image galleries are the best way to use it effectively! Here you’ll have more than 35 different unique jQuery Javascript solutions for beautiful image galleries and great ways to display your images with light code.
To make it even easier for you to choose, I also added live demo link under every jQuery plugin! However if you are searching for even more alternatives with Flash, plain CSS or another Javascript library, check out this post -57+ Free Image Gallery, Slideshow And Lightbox Solutions.
1. ImageFlow
ImageFlow is an unobtrusive and userfriendly JavaScript image gallery.
2. GalleryView: A jQuery Content Gallery Plugin
GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.
3. Sliding Image Gallery jQuery Plug-in
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. One image will be centered on the screen, with two smaller images off to the sides. The user can click either of the smaller images to bring them to the center, or the center image to enlarge it. For optimal use, this plug-in should be applied to seven or more images, but can work with fewer (images will be duplicated in order to bring the total to seven).
4. PrettyPhoto jQuery Lightbox Clone
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.
5. Create Beautiful jQuery slider tutorial
This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.
6. AD Gallery – a jQuery gallery plugin
A highly customizable gallery/showcase plugin for jQuery.
7. FancyBox
FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.
8. Shadowbox
Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.
9. Galleriffic
Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth. I am not so great at spelling, and it was much later that I realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains.
10. Colorbox
A light-weight, customizable lightbox plugin for jQuery 1.3.
11. The Lightbox Clones Matrix
Comparison of various scripts that display images and other objects in somehow cool CSS popups
12. Full screen image gallery using jQuery and Flickr
It’s a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. It also supports a flickr search engine, thumbnails, captions, preloader and some other goodies.
13. Moving Boxes
14. Creating a Slick Auto-Playing Featured Content Slider
15. Start/Stop Slider
16. SlideViewerPro 1.0
SlideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts.
17. Pirobox V.1.2.1
18. s3Slider jQuery plugin
The s3Slider jQuery plugin is made by example of jd`s smooth slide show script.
19. CSS and Jquery – Creating an Image Slider
20. Create an Image Rotator with Description (CSS/jQuery)
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, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.
21. jQuery spherical panorama viewer
A javascript viewer for displaying spherical panoramas. An alternative to Java and QuickTime technology.
22. Zoomimage – jQuery plugin
Present you images in stylish way. The links are unobtrusively highjacked to open the images in an inpage popup with drop shadow and border.
23. Building a jQuery Image Scroller
24. Easy Slider 1.5 – The Easiest jQuery Plugin For Sliding Images and Content
25. jQuery Panel Gallery Plugin
-
No slicing or editing of the images is needed
-
It’s just 5K
-
Easily configurable
-
Reusable on multiple containers
26. Supersized – Full Screen Background/Slideshow jQuery Plugin
27. 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. Creating an image gallery shouldn’t be a complex thing. I’ve created a new plugin that I’m packaging with PikaChoose called SliderJS.
28. jQuery Image Overlay Plugin
The image overlay plugin is a simple jQuery plugin that attempts to present an image with an overlaid title/caption. The overlay drops in on hover, as you can see above.
29. imgAreaSelect
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
Plugin features:
- Highly configurable
- Customizable with CSS styling
- Handles scaled images
- Keyboard support for moving and resizing the selection
- Supports callback functions
- Provides API functions for easier integration with other application components
- Lightweight — the packed version is less than 8KB
30. PFeloader
This is a preloader, it scans DOM and loaded StyleSheet’s for occurence of images (in sheet, style, as element).
StyleSheet file has to be in the same domain as page using it.
31. Image Reveal using jQuery
32. The jQuery Cycle Plugin
The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.
33. Galleria Plugin
This demonstration shows you aome more advanced effects you can accomplish with the Galleria plugin. The history object is also active, so feel free to try the back button in your browser and bookmark a page. The next and previous links are simple to create since the galleria object has two public functions for traversing the images in your list.
34. CrossSlide jQuery plugin
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.)
35. Fancy Thumbnail Hover Effect w/ jQuery
36. Apple-like Slideshow Gallery
37. JQZoom
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.
[...] Slide Show em JavaScript – Deixe suas galerias mais bonitas e interativas com essa coleção de 37 galerias usando JQuery. Sobre Wilson SantosProfissional de TI, atualmente focado no desenvolvimento para web, PHP, HTML e SEO, co-fundador da empresa PHX WEB de desenvolvimento de sites, adora ler e não para de estudar um minuto diversos assuntos. Tags: android, carreira, css, galeria de imagens, iphone, javascript, jquery, mobile, slide show Deixar um comentário Comentários (0) Trackbacks (0) (inscrever nos comentários do artigo) [...]
[...] 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tut… 37つものjQueryイメージギャラリー。そうとう渋いのからかっちょいいのまで。 [...]
wow thanks so much.
beatifull photo gallery :)
Very good and inspiring collection. Thank you!
[...] 37 Fresh jQuery Image And Gallery Display Solutions [...]
[...] jQuery Plugin 37 Fresh jQuery Image And Gallery Display Solutions Notify Bar’ plugin A Colorful Clock With CSS & jQuery The Best jQuery Lightbox Scripts [...]
[...] 37 Fresh jQuery Image And Gallery Display Solutions [...]
I agree with Daniel… Galleriffic is terriffic :) I use it for my photo gallery template.
Galleriffic is nice to use for me.
daniel´s last blog ..Malabarismo, capoeira, artes marciales y pakour
nice information about jquery image gallery . thank you
[...] 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tut… – 色々なjQuery [...]
[...] 37 Fresh jQuery Image And Gallery Display Solutions [...]
[...] 37 Fresh jQuery Image And Gallery Display Solutions [...]
[...] tane diyorsun burda topu topu 10-15 tane var diyorsan tıkla Etiketler: çözüm, fotoğraf, fresh, galeri, gallery, image, javascipt, javascirpt, jquery, [...]
Muy buenas galerias!!!
saludos
Nice round-up. I am using PrettyPhoto a lot. Thanks for sharing.
[...] 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tut… (tags: webdesign css jquery) [...]
[...] 37 Fresh jQuery Image And Gallery Display Solutions [...]
This is a fantastic collection! I particularly like all the scrolling ones, they always look so professional on a website. Thank you for this.
Matt´s last blog ..5 Essential Sources for Web Design Beginners
Nice list. Can I add xFlow! (http://xflow.pwhitrow.com) to it?
xFlow! is a Javascript and PHP, Coverflow style image and video gallery.
Cute list but not a single one of them is a proper photo gallery… They get clever with effects or can’t take vertical photos or thumbnails hide other thumbnails or the caption hides the photo or the picture frame jumps around with size change. Sorry, no go.
Thank you. This is probably the most high-quality and comprehensive set of galleries on jQuery.
Carik´s last blog ..Интересный ляп с Movable Type 5
This article has been shared on favSHARE.net. Go and vote it!
favSHARE´s last blog ..18 iPhone Apps With Really Good Interfaces
We can use jQuery many places. You have mention most of point of jQuery in your post
[...] JQuery Send to Facebook Tweet This Post Comments (0) [...]
[...] 37 Fresh jQuery Image And Gallery Display Solutions (tags: webdev list plugin jquery ajax javascript slider gallery) [...]
[...] 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tut… (tags: jquery, resource) [...]
[...] 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tut… [ jquery gallery ] [...]
Not all of them are “Fresh” but an updated list of plugins is always a good idea.
[...] [...]
Fantástico.
Nice collection in one place. I think I can use some of them.
Ivan Mišić´s last blog ..Tutorijali HDonWEB rezime 2009
Nice solutions. I think I can use two or three of them
[...] 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tut… 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tutorials [...]
Really nice collection, Ive been waiting for this kind of post..
thank. It is what i am looking for. Your the best source.
Best regard
Nice collection, but I already saw most of them on other lists. You should check this one
http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/
[...] 37 Fresh jQuery Image And Gallery Display Solutions [...]
[...] 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tut… (tags: jquery gallery javascript slideshow resources images ajax) [...]
[...] 37 Fresh jQuery Image And Gallery Display Solutions [...]
I’ve been using the nyroModal jquery plugin for my lightwindow solution…it has proven to be the most flexible of the ones I’ve tried out. Great list though. Thanks.
=== popurls.com === popular today…
yeah! this story has entered the popular today section on popurls.com…
[...] Databases Part 1 – Landscape How to say stupid things about social media Cory Doctorow Techn 37 Fresh jQuery Image And Gallery Display Solutions Graphic and W The Best Times to Buy Anything, All Year Round – Buying – Lifehacke Web App Business [...]
very nice
waiting for news
Really nice collection, Ive been waiting for this kind of post..
great share..
[...] via 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tut…. [...]
Wow these are great! I’ll definitely be using one of these for a client I have right now. Thanks for sharing!
Los Angeles Search Engine Optimization´s last blog ..Top 11 Web Design and Web Development Forums
Thanks! Very nice post
Great Collection.. Thanks for such a post.
SmashingWebs.com´s last blog ..Create Your Own Twitter BG