jQuery Gallery Plugin & Tutorials with Example

Mikado Grid Gallery for WordPress

Mikado Grid Gallery for WordPress

Mikado is a Gallery for WordPress based on random grids with a lot of features.

It’s responsive and images will adapt with a nice and smooth animation when the browser is resized. You just need to decide width (also percentage) and height and Mikado will create a random grid inside the rectangle.

  • Fully responsive and fluid layout.
  • Dynamic filters and filtering animations.
  • Size of the gallery, width and height. The width can be in percentage so it perfect for responsive sites.
  • Margin between images.
  • 5 Lightboxes.
  • WordPress widget.
  • Multiple galleries on same page.
  • Great for mobile and tablets.

InstaMax – Instagram Photo Gallery on your Website

InstaMax - Instagram Photo Gallery on your Website

Instamax 2.0 will embed all your photos from Instagram account on your website. Any photo that you upload on your Instagram account will automatically be shown with Instamax!

Instamax will help you grow your followers by atleast 10% as tested by some users during a one-month period!

  • Displays all photos of the User
  • Grey and White Skins available
  • Works on any device size (responsive + fluid)
  • Improved lightbox popup for images (responsive + fluid)

Animated Masonry Gallery with Filters

Animated Masonry Gallery with Filters

In this tutorial i will teach you how to create an animated masonry gallery using Isotope, jQuery and CSS transitions.

This technique is very common in portfolio pages where the author highlights his work using special filters. Because it’s very popular and not a lot of tutorials are written in about masonry galleries at the time of writing, i have decided to write one. It is not a difficult tutorial and it has very little code compared to my other tutorials.

Gridder.js : jQuery Thumbnail Grid Expanding Gallery

Gridder.js : jQuery Thumbnail Grid Expanding Gallery

A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.It’s a very nice effect and practical, allowing you quickly see more details without having to reload a new page.The idea is to open a preview when clicking on a thumbnail and to show a larger image and some other content like a title, a description and a link.

  • Multiple instances
  • Really easy to use and customize
  • Expanding preview with details
  • Smooth Scrolling
  • Callbacks (so you can launch other plugins)

fbPhotoStream : jQuery plugin to pull Facebook Photos

fbPhotoStream : jQuery plugin to pull Facebook Photos

fbPhotoStream is a simple, light-weight jQuery plugin that allows you to display Facebook photos from a public album. Just set the album id, and the rest is optional.

It has a a few design options like grid, collage, or circle mode, but you can customize the look to match your needs by adding your own CSS. You can pass several formatting options including width, height, etc., as well as setting whether you want to show captions or link back to Facebook

Facebook Album Browser with jQuery

Facebook Album Browser with jQuery

Reponsive jQuery plugin for browsing public albums of a Facebook account. Plugin is suitable for both desktop and mobile websites.

The main purpose of this plugin is to enable to embed and customize phot albums in your website without being limited with Facebook styling. It also allows you to use it as picker as it raises events for clicked album/photo.

Eco-Scroll.js : jQuery Scroll plugin

Eco-Scroll.js : jQuery Scroll plugin

Eco-friendly jQuery scroll plugin with inifinite possibilities.

jQuery Nice Gallery – Flickr

jQuery Nice Gallery – Flickr

jQuery Nice Gallery plugin for Flickr. Today, we present you unique script of Gallery – if you have photos on Flickr then probably the plugin will be good choose for you. The script is compatible with new Flickr API that gives 1 TB disc space for your photos, so this is fantastic place to sharing your passion or portfolio. The gallery have built-in pretty LightBox – new version of ViewBox – it has high spectrum of possibilities. All components have Flat style which gives a nice and original look. The amazing jQuery Plugin is for free.

Flow Gallery : jQuery HTML5 Multimedia Gallery

Flow Gallery : jQuery HTML5 Multimedia Gallery

Flow Gallery is a jQuery plugin based HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a modern and sleek interface. You have the option of presenting your items in in either columns or rows type grid. Along with photos you can choose to display your own self-hosted audio/video files or videos from Youtube/Vimeo/Dailymotion. The gallery features a fully responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The gallery is also optimized for retina and touch screens and provides the feel of a native app.

jMosaic : jQuery Plugin for align elements in Mosaic Grid

jMosaic : jQuery Plugin for align elements in Mosaic Grid

A lightweight jQuery plugin that can take a list of page elements and arrange them in a beautiful, tight-fitted tile mosaic grid.

The proportions of the elements don’t change. As the elements can be used: img, div, li etc.



Best jQuery websites design awards