Top 18 New And Beautiful JavaScript Photo Gallery Projects
The Crystal Gallery jQuery plugin provides a customizable, one-of-a-kind gallery look to fit all your image presentation needs.Main reasons why you should choose Crystal Gallery
A variety of features not available in standard javascript gallery, including a stunning blur effect for thumbnails and overlay boxes.Gallery is fully responsive to the user. Aspects of the gallery change to reflect the browser window size for the best impression on any device.Flickr feed support lets you use your flickr account to manage your gallery images. 4 types of photo changing transitions
Custom company or gallery logo
Unlimited number of photo categories
Customizable photo description overlay box
Overlay box appearance can be set up for each photo
added option to disable autohide for photo description overlay
2. 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
WordPress Full Screen Gallery turns your normal and boring built-in gallery of WordPress into a
jQuery fullscreen gallery with the support for thumbnail, caption! It actually utilize power of recent posts plus short code [gallery] which is a buil-in
when we clicked on thumbnail of default gallery we go to attachment page or the picture itself.when a thumbnail is clicked, a full screen gallery to show to vistiors
Full Screen Gallery with nice effect
Just install plugin, then upload pictures use Upload/Insert of WordPres to create gallery
Utilize power of shortcode [gallery]
It means you can have many gallery on the same posts, or even many gallery when listing many posts on a page
Designer can upload her/his works when creating a website to make a gallery then attach it to a post.Insert and edit gallery with WordPress Full Screen GalleryDemo WordPress Full Screen Gallery
5. Side Effect
Side Effect can be used to add a nice effect to your portfolio items or photo gallery JavaScript for example.Side Effect JavaScript
Side Effect JavaScript (packed)
bgpos JavaScript
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)
Added lazy-load feature for all album and photo thumbnails
Added Option to match album thumbnail look with photo thumbnail look
Floating Control Bar now available for album and photo thumbnails
Changed from Facebook Javascript API to direct Facebook Graph requests via JSON to (hopefully) avoid future “Access Token” requests
Image Gallery with JavaScript vertical thumbnail scroller Navigator
No-Jquery minimum 15KB javascript code by smart compression. Javascript code deep compression by smart compression engine
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. 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. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. 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.
The Simple Javascript XML Slideshow (SJXS) allows you to easily create truly dynamic slideshows using javascript and an xml file. No need for a ton of html, just let javascript and xml do the work for you. Also, I’ve added a simple to use Slideshow Generator that will allow you to create all the code you need for your slideshow: required files, javascript, xml, html and even the basic css. Loads of documentation, experience with javascript or xml is not needed
Image Gallery with jQuery thumbnail slideshow Navigator
No-Jquery minimum 15KB javascript code by smart compression. Javascript code deep compression by smart compression engine
This javascript plugin allows you to include your own Google Plus Photo Gallery into your own site. Your visitors will never know the photo’s came from google.
Easier Gallery Management
There is a lot of 15 jQuery slideshow gallery plugins available for WordPress, some are really good, but we feel that they often lack an easy interface to create and manage multiple galleries.Using Complete Gallery Manager will make it fun and fast to manage and create galleries for your website.Select the Add Gallery menu and enter a name for your gallery and click Publish. Immediately preview your gallery and start tweaking the many different settings. The Isotype Gallery has 188 different settings you can tweak and the wordpress content slider has 146 different settings.Gallery Settings
With Complete Gallery Manager version 3.1 we have introduced a new “Gallery Type”. You can now choose between Isotype Gallery and Touch Slider.With Complete Gallery Manager version 3.You can save templates for both the Isotype Gallery and the Touch Slider.General Settings (Isotype Gallery)
We have added a new feature under General Settings in Complete Gallery Manager 3.0, which lets you easily hide the menu when using the Isotype gallery.Layout Settings (Isotype Gallery)
Choose between 8 different layout modes; Masonry, Fit Rows, Cell by Row, Straight Down, Masonry Horizontal, Fit Columns Layout, Cells by Columns, Straight Across when you select the Isotype Gallery.Gallery Preview (Isotype Gallery)
You have live preview of the gallery while you create it.Gallery Preview (Touch Slider)
Sort Settings (Isotype Gallery)
Filter Settings (Isotype Gallery)
0 of Complete Gallery Manager and added a new feature called “Combination Filters”.If you enable prettyPhoto (lightbox) for your gallery you can also enable popular social media sharing icons like Facebook, Tweet and Pinterest. This feature is available in both Isotype Gallery and in the Touch Slider.With Complete Gallery Manager version 3.This feature is available in both the Isotype Gallery and in the Touch Slider.With Complete Gallery Manager version 3.We have added 1 new caption styles in Complete Gallery Manager version 3. You now have 22 different styles of captions to choose from when select the Isotype Gallery.Universal Scroll Settings (Isotype Gallery)
You can set how many images you want to load in your Isotype Gallery when it initially loads.0 of Complete Gallery Manager. This feature is available in both the Isotype Gallery and in the Touch Slider.Item Style Settings (Isotype Gallery)
Background Settings (Isotype Gallery)
Change the colors and border of your gallery easily in the Background Settings and make it match the style of your website.Menu Style Settings (Isotype Gallery)
Isotype Gallery with Default Settings
Isotype Gallery with Universal Scroll and PrettyPhoto JavaScript blur image effect
Isotype Gallery with Flip Captions and PrettyPhoto image slideshow HTML5
Isotype Gallery with Push from Top Captions and Click to Next Size Image Effects
Isotype Gallery with Border and Image Radius Effect
Insert Galleries easily with Shortcodes or by using the Add Gallery Icon
Duplicate Galleries in List Gallery view
100% responsive layout in Isotype Gallery (Masonry, Fit Rows, Cells by Row, Straight Down, Masonry Horizontal, Fit Columns, Cells by Column and Straight Across)
Live Preview of Gallery while you create them
Support for Overlay Icons by action in both Isotype Gallery and Touch Slider
Support for Fullscreen (full browser) Isotype Gallery and Touch Slider
Support for Captions in Isotype Gallery (22 different styles)
Support for Social Media buttons (Facebook like, Tweet, Google+ and Pintetest) in both Isotype Gallery and Touch Slider
Support for PrettyPhoto (Lightbox) in both Isotype Gallery and Touch Slider
Support for Combination Filters (multiple categories) in Isotype Gallery
Support for Menu styling, alignment and location in Isotype Gallery
Bug Fixed: Javascript error on load on certain configurations.Bug Fixed: Gallery doesn’t show when you insert it on a page using https
Bug Fixed: Apply fix to reset users if they have problems inserting images in gallery (Options Panel)
New Feature: Isotype Gallery and Touch jQuery slider gallery free download to Full Screen.New Feature: Fullscreen (Full Browser) option added for Isotype Gallery and Touch Slider
Bug Fixed: Customers installing Complete Gallery Manager without having a version prior to 3.New Feature: Insert Gallery into other Galleries. When clicking on a cover picture the gallery will open in a new tab
New Feature: It is now possible to “View Gallery” immediately after publishing a gallery. Support for Photo Set and Photo Galleries.New Feature: Create and Save templates in Complete Gallery Manager.New Feature: Overlay Icons added for each action (prettyPhoto, Link, Pages, Posts, Video, Gallery)
Bug Fixed: Gallery no longer crashes if the gallery is open in the wp-admin and at the same time viewed on the public website (auto save created this problem). The Gallery will now load, but please notice that IE8 has limited support for menu HTML5 CSS3
Bug Fixed: Problem with Pinterest not “pinning” the individual picture, but the entire gallery.Bug Fixed: Gallery Settings not loading when the server is Windows based
This has significantly improved the speed of the gallery.
Evo Slider is an all in one jQuery slider that lets you create any type of simple jQuery content slider and give you the flexibility to use it in a variety of ways – whether you’re building anything from an image gallery, to a jQuery gallery plugin and lots of things in-between. without coding any JavaScript code at all.Images Content – Easily create amazing photo galleries. gallery, photoset, and group photos from Yahoo's Flickr service.
Megafolio Gallery jQuery Plugin
Megafolio is a highly customizable jQuery Plugin to present your Gallery or Portfolio.Pretty Photo Issue Solution
If you use Pretty Photo and Our Item on the Same page, please add this code to your Document to resolve the cssAnimateion Conflict.<script type="text/javascript">
This gallery gives you the possibility to build a nice grid with your items, your captions in 4 different thumbnail sizes. Using the 100% width responsive builds the gallery depending on its surrounding and the images you use.Aaaand you can deeplink to anyone image of your gallery, use our Background Rotator, the filter function for categories…
You just need to know little HTML and Javascript.The given examples are an awesome start point to build your own gallery out of it.
Would you like to present your images and photos in an innovative, artistic and original way? jQuery Tiles Gallery is perfect for you!
There are plenty of similar galleries out there but jquery Tiles Gallery is the only one with a real complex grid. Any other gallery is ordinary and looks always the same, jQuery Tiles Gallery is a new way to present your photos.Because jQuery Tiles Gallery is a gorgeus way to immediately present all your pictures, the visitors of your web site can see all the pictures at a glance, like no other gallery or slider can do!
This plugin is able to completely fill an area, that means it needs to crop images, if you don’t want to crop images consider this plugin: Final Tiles Gallery
jQuery Tiles Gallery arranges your images inside a random-generated grid, it’s much more than a simple multiple column layout, it’s a beautiful and fancy way to present your showcases, galleries, photos… and so on. The subject of the photos will always be focused, since you can choose the better alignment for each photo.If you know a bit of javascript you can easiliy add any further functionality to the gallery, simply passing your function as callback. “Amazing tiles gallery ! Great job… awesome work ….
Metro Gallery a flexible and easy to integrate photo gallery featured in Metro Design. It allows you to build your unique photo wall with your custom settings.Metro Gallery gives you the ability to easily create your own unique Metro Wall containing multiple tiles in various sizes with automatic rotations.Metro Gallery can be loaded with 3 different animations: flip, scale or fade.Updated code to set column width automatically so that people don’t need to manually change it in JavaScript when using custom tile size.
The #1 best selling gallery on CodeCanyon
This free responsive wordpress templates gallery plugin aligns your thumbnails into a justified grid using jQuery, like Flickr and lightbox image editor search. Make your galleries stand out in an eye-catching and unique new way! Replace the standard WP galleries [gallery] as [justified_image_grid] with lots of new features and options. The settings are available to change on a per gallery basis, extending the global settings and presets. #2 Settings and creating a gallery
Automatically align images to a justified gallery keeping their original aspect ratio
Optional backlink to the photo on Flickr is available. Furthermore pick any location or venue in the world to pull photos from, using Instagram and Worldcam! Optional backlink to the photo on Instagram is available.NextGEN Gallery (both versions 1 and 2) integration, full support for nested albums and galleries, tag gallery, tag album, recent images, random images (all photos or from a gallery), individual photos, permalinks, custom links, limit, load more or hidden limit is used instead of pagination.Hidden limit – limit the number of thumbs but cycle all gallery images in the lightbox
224 unique settings and shortcode attributes that you can change for each gallery
These are FooBox which is social and responsive + the Social Gallery that allows Facebook/Disqus comments for the pictures. prettyPhoto advanced deeplinking: Customized to Like images individually, with the Liked photo’s thumbnail showing up on Facebook, works with random order
This is one of best gallery slideshow plugin wordpress plugins out there.This is the best wordpress gallery plugin for wordpress.What a beautiful gallery plugin! Lovely work. I have been looking for a gallery for wordpress with these capabilities for an age! Great work Firsh.Perfect and easy! Best (responsive) gallery plugin by far! Great job.I love this gallery plugin….This is the #1 top selling WordPress gallery plugin on CodeCanyon since July 28, 2013!
Link RSS images to their permalink or the image itself (RSS Reader mode or RSS Gallery mode basically)
The ng_random_images now accepts a comma separated list of multiple gallery slideshow jQuery ids to allow random images from multiple galleries. This is useful for sorting by gallery Title A-Z when displaying multiple albums together (next changelog entry) or in the Overview album (all galleries) mode. The ID can be used to sort gallery/subalbum creation order. Added: Using Recent Posts feature, when Click on a thumbnail link to an image (lightbox image gallery of posts), a permalink can be placed in the lightbox as a way to go to the parent post (similar to Flickr, Instagram, RSS backlinks in the lightbox)
Added: Custom text to add before & after each gallery (can be disabled on individual instances)
Bugfix: Using a blank page to create a wordpress photo gallery the grid would only display one very long row (only when using css3-mediaqueries. Like a photo/video/iframe in a randomly ordered or regularly updated grid, and its unique URL will stay the same regardless of its numerical position
Ability to track photo views as events with google analytics wordpress in prettyPhoto
This also means images are visible without Javascript, show up as selectable options when sharing the page with Facebook.Added: Nextgen random images (display some random images of a gallery or regardless of gallery – the limit is applied after randomization)
Added: Option to display NextGEN gallery/album descriptions between the breadcrumb and the grid
Improved: Flickr feature: If some photos are not shown because they are too small, this is noted after the gallery with instructions to resolve the issue.Bugfix: PHP Fatal error when NextGEN is uninstalled and still trying to show NextGEN content, is now replaced with a friendly error message (NextGEN gallery is not installed/inactive!).Bugfix: The class gallery-caption is no longer added to the parent container of JIG when Carousel and Load More features are used together (preventing Carousel when clicking outside a thumbnail is now solved in an other way)
All in all this means you can tag WP images, just like NextGEN, and display a gallery based on the tag.Bugfix: The Social Gallery’s latest version is recognized in the shortcode editor properly
Added: Take over gallery shortcode – choose between hiding the original WordPress gallery shortcode, replacing it automatically or leaving it alone
Bugfix: SocialGallery bugs – update to at least Social Gallery version 2.Improved: The setting overlay_gallery_max changed from 30 to 300 in prettyPhoto to make sure the overlay gallery shows up when required
Bugfix: NextGEN breadcrumb was missing gallery name in v1.Bugfix: A chrome bug when using special effects and a horizontally centered gallery would clip 1px randomly from top and left.Added: NextGEN tags: Tag Gallery and Tag Album mode (tag galleries are also openable in a lightbox, breadcrumbs are also implemented for tags)
Added: NextGEN gallery thumbnails now show the number photos (can be turned off with a new setting)
Added: NextGEN gallery thumbnails can now open the photos in a lightbox instead of creating a new page for them (can be toggled with a new setting)
Social Gallery doesn’t support HTML (links to the file to download)
Improved: NextGEN album and gallery dropdown selectors now include the ID id the shortcode editor
Improved: PhotoSwipe compatibility – added JIG gallery refresh to the close event and tap x event, so you’ll no longer get ‘Element is too thin’ error when coming back from PhotoSwipe
Bugfix: When not using permalinks with NextGEN, galleries will link to the gallery’s own page properly, like original NextGEN – previously only albums did this correctly
call-user-func]: First argument is expected to be a valid callback’ is no longer showing up when keeping the ‘hidden’ WP gallery present under JIG gallery on older versions of WordPress.Updated: More documentation has been included for using the plugin with wordpress gallery shortcode
Bugfix: Shortcode editor no longer generates ng_pics undefined when NextGEN gallery is not installed.Added: Recent posts can link to the images (lightbox) instead of posts – create a image gallery using flickr api recent posts, not a slider
Added: Ability to automatically exclude featured image from the gallery (use the word feature in the exclude field)
Improved: Social Gallery V2 compatibility
Bugfix: Fixed a browser crash due to scrollbar appearing and disappearing due to constantly varying gallery height (very rare case but serious)
Bugfix: Sometimes gallery would be invisible when only one row is present and can’t fill the row.Added: Premium lightboxes – FooBox and Social Gallery (purchased separately), dedicated mutual compatibility
Social Gallery is The Ultimate Social Lightbox for WordPress.Social Gallery Plugin is a fantastic new way to engage visitors to your WordPress blog by adding the ultimate lightbox featuring social media buttons (Facebook like, Facebook Send, Pinterests ‘Pin it’, Twitters ‘Tweet This’ and now Linked In, Stumble Upon & Tumblr) as well as Facebook or Disqus Comments!
Your blog visitors already click your images, at best perhaps you have a lightbox feature (or maybe you don’t even have that!) – but once they click your images (and if they clicked it, they probably like it!) then what? With Social Gallery Plugin your users can “like”, “tweet” and “pin” the images on your page!
Social Gallery [shortcodes] released
Perfect compliment for the Social Gallery Lightbox
Social Gallery Features:
Image Library & Social Gallery Pages
Light weight Javascript
Works with WordPress Galleries like NextGen, WordPress Gallery Plugin and Justified Imaged Grid
Facebook’s 1 Billion+ users will be familiar with Social Gallery
The Ultimate WordPress Facebook Plugin for Photo Viewing – Easily integrated just by installing the plugin! Once installed you can view your very own Facebook style gallery – on your own blog!
Social Gallery really is now the most Kick Ass lightbox/gallery sharing plugin!
Integrates directly with WordPress – you get an extra menu item for Social Gallery where you can manage everything including settings, image library and update engine
Tweak your Social Gallery easily from the options screen
Compressed jQuery (javascript) and CSS for faster loading
Lightweight Javascript (Double minified!)
Faster than the original Lightbox, and now even faster than older Social Gallery Versions!
Social Gallery Technology
Choice of Social Gallery Pages framework or other fallbacks, including HashBang solution to distinct image comments
CSS3 Animations can be chosen for the opening & closing of Social Gallery!
Theme compatiblity: Social Gallery will work with 99. Themes which have lightboxes, or plugins which add lightboxes will need to have these removed for Social Gallery to work (because it’s a lightbox.Free updates for life! All users who buy Social Gallery here get free version updates for life.» Fixed a javascript bug in v2.» Added functionality: Delete images from Social Gallery Library via "Image Library"
1 – 15th March 2013 – Many stability improvements & Fixes, Mobile detecting, On/Off for Social Gallery Per-Post & Per-Page, Escaped HTML now allowed for title & Descriptions, Settings Backup and much more!, also pre-cursor update to Social Gallery Mobile & Stat’s Add-ons and Justified Image Grid Improvement
» Fixed a bug with Social Gallery Pages "title" attribute
» Fixed bug where tweet links to page (now links to Social Gallery Page or Fallback)
» Fixed bug where g+ links to page (now links to Social Gallery Page or Fallback)
» Fixed Bug in single-social-gallery-image template
» Fixed options in single-social-gallery-image template
» Added Social Gallery Page awareness to viewer + Social Gallery Page template
» Added "Disable Social Gallery Per Post/Page" meta boxes to posts/pages
» Added On/Off for "Disable Social Gallery Per Post/Page" feature to Settings
» Added capacity to properly save "custom-social-gallery-image.» Implemented Total disabling of Social Gallery per post/page, including includes
0 – 13th December 2012 – Added Google Adsense compatibility, Social Gallery Pages, CSS3 Animations, Super Easy Install Wizard, Tumblr, Linked In, Google+ & Stumble Upon Sharing, Full Screen Mode, Theme Engine, Enhanced Management Area & Admin, Improved code efficiency & robustness and many more tweaks
» Fixed 4 bugs related to image proportion, gallery margin and scaling
» Improvement: Added capacity to enable/disable Social Gallery Pages function
» Improvement: Refined "Social Gallery Pages"
» Improvement: Made it easier to share Social Gallery and Earn a commision
» Improvement: Redeveloped Social Gallery Plugin Homepage
» Improvement: Built specific social gallery encoder to ultimately minify code
» Added Social Gallery Pages functionality
» Added Social Gallery Pages customisation
» Added CSS3 Animation's for opening & closing Social Gallery [v2 easter egg]
com/social-gallery/your-image)
» Added Pretty Urls for Unique Social Gallery Pages
» Added "As seen on" to unique Social Gallery Pages
» Added Social Gallery News to homepage
» Added functionality: Image Gallery Margin Setting
» Added functionality: Image Gallery Enlarging via Setting
» Added Stronger CSS rules to Social Gallery
» Added NextGen Gallery Overview Mode
» Added Gallery Compatability Mode
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;
Portfolio: perfect tool for portfolios and photo galleries;
Gallery management: each gallery is saved in jQuery slider download 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;