11 Inspirational And Beautiful jQuery Gallery Tutorial Showcase

1. Tiles Gallery

featured image

Would you like to present your images and photos in an innovative, artistic and original way? Then Tiles Gallery for Wordpress is perfect for you!

There are plenty of similar galleries out there but Tiles Gallery is the only one with a real complex grid. Video tutorial for WordPress 3. Any other gallery is ordinary and looks always the same, Tiles Gallery is a new way to present your photos.Because 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!

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.By default clicking on an image tile it will popup the full size using the lightbox jQuery plugin by Leandro Vieira Pinho

“Amazing tiles gallery ! Great job… awesome work ….

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

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

More Details

4. Lightbox With Transition Effects For HTML / Images

featured image

emloSlightBox is an improved version of the popular Lightbox gallery script. • Compatible with jQuery 1.

More Details

5. 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 photo slideshow 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. It comes as an jQuery plugin, AMD module or a browser global.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

6. 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. 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. Shifty Nav - a Fully Responsive JS CSS3 Mega Menu

featured image

This menu supports whatever kind of content you throw at it, and includes a full tutorial on how to build the markup for your own menu if you don’t want to modify the pre-existing file.Full tutorial on how to build and implement

More Details

8. Strapslide - Responsive Bootstrap Slider Plugin

featured image

jQuery 1.7 – jQuery 2.Powerful CSS Transitions with jQuery FallBack

More Details

9. NekoCart - CSV-based jQuery Shopping Cart

featured image

NekoCart is a fully customizable shopping cart made only with jQuery.

More Details

10. Social Gallery Shortcodes WordPress Plugin

featured image

Social Gallery [shortcodes] is the latest plugin available from Epic Plugins. It has been written to be a hand in hand fit with the Social Gallery Photo Viewer and the Social Gallery add-ons.What is Social Gallery [shortcodes]?

Social Gallery [shortcodes] is an image display plugin, this means it seamlessly links in with image management plugins such as the built in wordpress shortcodes Media Library or NextGen. The plugin can then be used with any image viewer plugin, such as the awesome Social Gallery, or more standard viewers such as fancybox, or other lightboxes.Gallery Display (greyscale)

where id is the id of your nextgen gallery

WordPress Gallery (colour)

where id is the id of your nextgen gallery

User favourites gallery

It displays you live social stats for each of your images and lets you easily like and comment on images in each gallery. It is also built with the Social Gallery Photo Viewer plugin in mind to enable even greater sharing and liking of your images.Facebook Comments without leaving the gallery

Click the like or comment icon and have the ability to make comments on the images right there on the gallery, simple and easy. Make comments without leaving the gallery

Seamless integration with Social Gallery Photo Viewer

The plugin is built with the Social Gallery Lightbox in mind, a user can click on your image and the likes and comments are displayed to them to allow them to easily make further comments and have extra Social feautures like tweeting and pinning images

Social Gallery [shortcodes] links in with the Lightbox

Requires Social Gallery Lightbox plugin

Compatible with wordpress plugin gallery

The plugin is designed to work with the popular NextGen gallery plugin. Display your nextgen galleries using a simple shortcode based on your NextGen gallery ID.Allowing your users to mark their favourites also gives you the ability to track via the admin panel which images they like along with links to the gallery page they like the image on. Link to gallery

Facebook comments on the gallery without leaving the page

Stats update via jQuery call to Facebook after page load

Social Gallery Lightbox compatible

WordPress Gallery compatible

More Details

11. FullScreen Background / Gallery - Image and Video

featured image

It is recommended when the plugin is used as full screen gallery.

More Details

12. jQuery Multiple Scroll Portfolio Gallery

featured image

A slider jQuery plugin demo help you to display portfolio, which support multiple gallery.Support multiple gallery. Option caption and gallery information block.jQuery OneByOne Slider Plugin:

jQuery http://jquery.

More Details