15 Killer Gallery JavaScript Collection Every Web Developer Should Know

1. jQuery Facebook Gallery

featured image

The jQuery Facebook Gallery script allows you to show all your Facebook albums (images) on your website. This script is a pure javascript/jQuery solution and does not require a PHP server.This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)

Changed from Facebook Javascript API to direct Facebook Graph requests via JSON to (hopefully) avoid future “Access Token” requests

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. Final Tiles Gallery for Wordpress

featured image

Finally say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!

Responsive: the gallery is responsive by default, when it’s container changes width each tile will move with an animation;

Gallery management: each gallery is saved in WordPress database so you can edit them whenever you want: you can add, rename, delete and edit the galleries;

CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;

More Details

4. SuperSocial - jQuery Ajax Social Panel

featured image

Settings are made with javascript.Dribbble Gallery Mode

Gallery

More Details

5. YouTube Channel

featured image

It only takes a minute to drop in the code and with a single line of jQuery javascript – your website has a video gallery!

More Details

6. jQuery Google+/Picasa Gallery

featured image

The jQuery Google+/Picasa jQuery photo gallery allows you to show all your Google+/Picasa albums (images) on your website. This script is a pure javascript/jQuery solution and does not require a PHP server.This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)

More Details

7. NekoCart - CSV-based jQuery Shopping Cart

featured image

More Details

8. Spectrum Gallery Plugin

featured image

Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global.It is perfect for portfolio and gallery website design along with its smooth transitions. Setting up straight away is ridiculously easy, almost every option has a default, the only thing you would need to do is supply the images, and the parent element to which the gallery is appended to. And i mean minimal, the only piece of tooltips HTML code required to make spectrum work is a single tag, that being the element on which to create the gallery. All the little things like gallery and image creation is handled by the plugin, you only have to specify the url for each image. What you will be left with is a beautiful gallery which fits perfectly all its images. Spectrum can handle multiple tags being searched at the same time, it can also do other magic with tags, such as add an “all” tag, which can also be any text you desire, you can also tell Spectrum which tag to start the gallery on. Also Spectrum can map to the size of its parent element, so if you have implemented responsive design, whenever a different device views the page, the gallery will change size if its parent element changes size. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery.Gallery Cover –

Spectrum has cool gallery cover option, which allows you to use a single image, as the cover of the gallery. This can be useful when used as a loading screen whilst your gallery images load in the background, and can be set to swipe away as soon as they have loaded. Spectrum has an api which allows you to bind to any kind of event that may happen on any of the gallery images.

More Details

9. jQuery Flickr Gallery

featured image

The jQuery slider images Gallery script allows you to show all your Flickr albums (images) on your website. This script is a pure javascript/jQuery solution and does not require a PHP server.This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)

More Details

10. Ultimate Grid Responsive Gallery

featured image

Ultimate Grid Responsive Gallery

Deactivate and Activate Features through Javascript Options

More Details

11. StarTube - YouTube Video Gallery Powered by jQuery

featured image

StarTube is a powerful yet easy to use video gallery based on the brand new StarTube jQuery Plugin. It’s a perfect choice if you wish to bring your favorite videos from YouTube to your website and display them nicely inside a categorized gallery. Developed in best practises of HTML5, CSS3, and Javascript.Gallery Features

Below is a summary of plugin controls allowing extended gallery customization options:

Please read our detailed HTML documentation included in the download package on setting up the video gallery.

More Details

12. iLightBox · Revolutionary Lightbox for WordPress

featured image

iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.Compatible with the regular wordpress gallery shortcode.Advanced JavaScript API considered.Developed with pure object oriented JavaScript

“Great work on this plugin! It’s quite fantastic! It’s definitely the best gallery plugin I’ve used for Wordpress. I’ve bought 6 gallery plugins and this is the first one that manages loading images smoothly on slow connections. * Optimized: Creating new gallery. * Optimized: Native gallery shortcode. * Added: Native support for Gallery Shortcode. * Added: Enable on wordpress media library gallery shortcode option. * Fixed: Gallery in feed page.

More Details

13. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

No-Jquery minimum 15KB javascript code by smart compression. Javascript code deep compression by smart compression engine

More Details

14. Responsive Gridfolio

featured image

The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project.

More Details

15. Final Tiles Gallery

featured image

Say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!

Responsive: the gallery is responsive by default, when it’s container changes width each tile will move with an animation;

Styling: many other galleries doesn’t let you customize their CSS, Final Tiles Gallery, instead, gives you a great freedom to use your own CSS to control borders,margins, animations and so on;

CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;

More Details

16. Google Plus Photo Gallery Plugin

featured image

This javascript plugin allows you to include your own Google Plus Photo Gallery into your own site.

More Details