Actually at first I wanted simple jquery gallery solution for web design project, but when I started to search I changed my mind and thought how great would be to create article about all the best jquery gallery solutions available on the Internet.
57+ Fresh jQuery Gallery And Image Sliders
Slider Revolution is a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimisation (all content always readable for search engines). See the heaps of custom
transitions/animations for each object on the page! Customize this slider with our convenient drag&drop backend to your very needs.
This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.
It’s a premium plugin, but I will tell you that you worth the penny you spend.
Few other important benefits to Slider Revolution:
- Image and Thumbs fully resizable
- Using CSS Animation with FallBack to jQuery
- Unlimited Caption Layers
- Captions like Video, Image and html tags can be easily Created
- Unlimited Slides
- iPhone & Android Swipe Touch enabled
- jQuery Conflict free plugin
- Customizable 100% via Plugin Backend
- Easy installation in your Website
Worried about coding skills? Slider Revolution had a Video Support which is easy to follow no advance coding skills required, easy as cooking bacon. Ah..but what am I saying justcheck for yourself – Kenburner Responsive Jquery Slider has pretty good feature rundown and live examples.
SlideViewer is a lightweight (1.5Kb) jQuery plugin which allows to instantly create an image gallery by writing just few lines of HTML. SlideViewer checks for the number of images within your list, and dynamically creates a set of links to command (slide) you pictures. Also, clicking on each image will make the gallery slide to the next picture.
Zenphoto is an answer to lots of calls for an online gallery solution that just makes sense. After years of bloated software that does everything and your dishes, zenphoto just shows your photos, simply. We hope you agree with our philosophy: simpler is better. Don’t get us wrong though – zenphoto really does have everything you need for your online gallery, and you’ll even stare in awe at some of the innovative innovations we innovated upon.
Check out their feature list – it was too long to long to post here!
This is a jQuery banner rotator plugin featuring multiple transitions. The thumbnails and buttons allow for easy navigation of your banners/ads. The banner rotator is also re-sizable and configurable through the plugin’s parameters.
- Multiple transitions available. Also can set a different transition per slide.
- Able to load unlimited number of images, each with customizable text description, tooltip, and hyperlink.
- Show or hide components, including play/pause button, directional buttons, thumbnails, text panel, and tooltip.
- Can set to automatically play on startup with customizable timer delay. Also, can set a different time delay for each slide.
- Banner, thumbnails, and buttons are all resizable.
- and more..
VisualLightBox is a free wizard program that helps you easily generate web photo galleries, based on famous LightBox2 script, in a few clicks without writing a single line of code.
Fully explained tutorial and also spectacular photo gallery to comfortably display many images.
GreyBox can be used to display websites, images and other content in a beautiful way. It is very easy to use full-screen website, image gallery, which doesn’t conflict with pop-up blockers and it’s only 22 kb size!
qGallery is a simple to use prototype based gallery script. All image processing is done by the script so you don’t have to worry about the images you upload on the server. All images for the skimmer graphics and the fullsize view will be created on the fly and stored in a cache directory on the server to save processing power on the server.
12. jFlow gallery
Tutorial and documentation, how to use jFlow plugin to create Your own gallery.
8 different examples how to view Your images using MooTools, unfortunately there isn’t any documentation, but very easy to use gallery.
Yet another way how to display Your images.
- Auto slide
- Continuous sliding
- Image captions
- Flexible configuration
- 6 Transitions effects
15.2. 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.
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 using jQuery plugins.
jQuery Lightbox clone, pretty similar to original Lightbox with few another features and full documentation.
One more way how to display Your photos using jQuery.
A jQuery plugin for rendering fast-performing photo galleries. Galleriffic was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos.
Lightbox scripts have become a very popular way of displaying images online in recent months. There are a huge number of them available, using a variety of different frameworks and languages. DesignShack offers a new jQuery Lightbox script It has been designed and created by Diego Valobra.
22. Slideshow 2
FlickrGallery is a jQuery plugin for embedding flickr photos into a webpage. Plugin considers a Gallery to be a list of Albums (similar to Flickr’s Collections). Albums are considered to be photo sets.
23.1.( – 10$)
DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page.
- Inline Content Support
- 11 Different Unique Transitions
- Support to all major browsers including IE6
- Auto Play
- Supports arrows and selectors
- Choose arrows and selectors simply
- Set the number of bars and squares
Words – “Auto Generating” don’t mean that that it takes the pictures for you. This gallery won’t even create the thumbnails for you. What it DOES, is build itself dynamically from your directory of images. So when you want to add new photos, you simply drop the new photo and thumbnail in the directory and you are done! Removing photos just means removing the photos from the image directory. Gallery use PHP for this web wizardry.
25. Photo Slider
Tutorial teaching how to create photo slider gallery with play/pause slideshow settings and interesting thumbnail effect using jQuery.
You can easily set it to auto-display the images, set the scroll speed, thumbnail opacity or to disable thumbnail slider.
JQuery Slideshow with three different features and displaying sides, fully customizable sizes, delay speed and with good documentation.
The AJAX version of AgileGallery is a free AJAX photo gallery that rips through the XML output from Picasa (a free download from Google) and generates DHTML for the paging and thumbnails and displays the full sized photos along with any description entered in Picasa. Since this photo gallery uses AJAX technology, it eliminates the need for any page refresh as the user pages through the photos.
29. Suckerfish HoverLightbox Redux
- Fade, Slide and Wipe transitions
- Play, Stop, Next and Previous controls
- Inits from array of image src’s, a list of images on the page or using the href of an a tag like the Lightbox.
AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.
It comes with an image preloader so the slider starts when images are ready to be shown. No clumsy animations with half loaded images.
Features of the Avia Image Slider
- 8 unique transition effects
- Lots of easy to set options to create your own effects
- Included Image preloader
- Autoplay that stops on user interaction
- Valid HTML5 and CSS 3 Markup
31. HighSlide JS
Use slideflow to show elegantly Your images, also fullscreen mode is available.
Technical background: The photos and titles are read from an XML file, and the thumbnails are pre-generated using Photoshop actions (included)
34. jQZoom Evolution
This plugin for jQuery will automatically detect the extension of each media and apply the adapted player.
I didn’t include screenshot here because demonstration can be seen only by clicking and dragging on the picture getting that 3D look.
This is an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour !
The mooSlideBox v3 is a small and slim Ajax based extension or replacement of the common “Lightbox” that can be found on nearly every page. This Lightbox clone works in IE 6/7, Opera and Firefox. It is based on the MooTools framework version 1.11.
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
Tutorial, how to create a slick auto-playing featured content 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.
CSS Based Galleries
Basically, it’s a super light-weight (8kb) roll-over photo gallery that uses nothing but CSS, free to use for Your own projects.
This gallery is my simplest yet. It is just an unordered list of images that are normally compressed vertically (reduction 8:1). When you hover over one of these compressed images it expands to full size. It is based on my sliding menu system and adapted to use images. No thumbnails are required and all the images are ‘pre-loaded’.This method can be used either vertically, as shown, or horizontally.
This is a purely CSS based image gallery that displays larger versions of thumbnail images dynamically when the mouse hovers over them. A rich HTML caption can be added to the enlarged image, and every aspect of the Image Gallery exists as plain HTML on the page. The gallery works in IE6+, Firefox, Opera 8+.
Nasty CSS Slideshow producing a slide show or photogallery using a mixture of portrait and landscape images.
Tested in IE5.5, IE6, IE7, Opera, Firefox, Safari (PC).
Nice CSS Decorative Gallery and tutorial, how to decorate your images and photo galleries without editing the source images.
Flash Based Galleries
Parallax scrolling is frequently used in most 2D animation and games, where the background images and foreground images scroll at different rate of speed. This will create an illusion of depth as the background images are moving slower than the foreground images. Awesome tutorial and also great idea how to display Your portfolio or create unique web design. Must see!
50. Flash Gallery
Flash Gallery is a free application that allows you to create a slideshow on your website easy and fast. You won’t need any programming skills to install or use it. Just embed it into your website and script will automatically form a slideshow from a specified folder or from Flickr photostream.
SimpleViewer is a free, customizable Flash image viewing application.
52. 3D Curve Wall
Unique Flash based 3D curve wall similar to Flashloaded version, but this one is free.
As stated on many other articles on DezinerFolio site, dfGallery is one of the coolest flash galleries currently on the Web.
55. Polaroid Gallery
Polaroid Gallery is a free, opensource flash gallery, the script loads images and image titles dynamically from an external XML file or a flickr RSS feed. Then the script processes the data and creates an interactive flash gallery.
TiltViewer is a free, customizable 3D Flash image viewing application.
FlexSlider is an amazing, totally responsive jQuery slider plugin. It bears uncomplicated, semantic markup, slide and fade animations, and is supported in all major browsers, therefore you won’t have any compatibility issues. Flexslider is built for novices and pros in a similar way.
And finally if You still haven’t got enough jquery galleries or one for Your taste You can check this huge collection of many different image galleries from DynamicDrive.com
If You know some more resources I missed here, feel free to add in comments and if You enjoy this article, let others know about it! Spread the word!