Best jQuery Gallery Plugins & Tutorials with Demo

    Expanding Fullscreen Grid Portfolio in jQuery

    jQuery Expanding Fullscreen Grid Portfolio

    Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image.

    Content Rotator with jQuery

    jQuery Content Rotator

    Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline. Hiding the thumbnails will reveal a scrollable text container and the navigation arrows will move up so that one can navigate to the previous or next slides.

    Bubble Slideshow Effect with jQuery

    jQuery Bubble Slideshow Effect

    Today we will be building a jQuery-powered bubble animation effect. It will be a great way to present a set of images on your website as a interesting slideshow. And as the code will be completely modular, you will be able to easily use it and modify it.

    Vertical Sliding Accordion with jQuery

    jQuery Vertical Sliding Accordion

    Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.

    blueimp jQuery Image Gallery

    jQuery Image Gallery

    Image Gallery with Lightbox effect and slideshow functionality for jQuery UI

    Photoswipe – jQuery image gallery for mobile & touch devices

    Photoswipe - jQuery image gallery for mobile & touch devices

    Image gallery for mobile and touch devices – iPhone, iPad, Android, Blackberry 6 and Desktop all supported.

    jQuery Randomly Rotating Image Gallery – Mosaiqy

    jQuery Randomly Rotating Image Gallery – Mosaiqy

    Mosaiqy is a jQuery plugin for presenting images in a Mosaic-like grid interface.The images are displayed inside randomly moving columns and rows where CSS3 transitions are used for the animations.Once a thumbnail is clicked, the original version is loaded inside the grid with a nice slideIn/Out effect.

    It retrieves images from a JSON/JSONP data source which makes integrating with image hosting services pretty easy and there are already demos for Flickr, Instagram and Panoramio.

    Horinaja Slide Show Plugin For jQuery

    jQuery Slide Show Plugin

    Horinaja is an easy to use, customizable and very useful slide show plugin that comes in jQuery and Scriptaculous flavors. Most notable feature is its ability to allow users to change slides using mouse wheel.

    Easy JQuery Circular Gallery Using RadMenu Plugin

    JQuery Circular Gallery

    Today post, let’s playing a little code with JQuery and JQuery RadMenu Plugin, cause lately I’ve been thinking about creating circular image gallery my self, and my search stop here for a moment when finding this cool plugins.This plugin is really cool you can creating a circle from many html element that you defined, which means you don’t have to create a formula to set all the element position to create a circle form.

    Fullscreen Slideshow with HTML5 Audio and jQuery

    Fullscreen Slideshow with HTML5 Audio and jQuery

    In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.