Best jQuery Gallery Plugins & Tutorials with Demo

    jQuery Facebook Gallery Plugin

    January 27, 2013 | Gallery, Other API, Plugins, Premium
    jQuery Facebook Gallery Plugin

    The jQuery Facebook Gallery script allows you to show all your Facebook albums (images) on your website. Please note that this script will only work with Facebook pages that belong to businesses or organization or pages that are registered as fan pages.

    Features:

    • 80 different settings to enable or disable included features
    • Includes a tool-tip and light-box plugin (though it is possible to use your own tool-tip and light-box solutions)
    • Exclude albums and individual images from being shown
    • Possible to translate it into any other language by using provided setting parameters
    • Select between a responsive (fluid width) or static layout (fixed width)
    • Optional two-directional (asc. / desc.) album sorting feature (name / number of images / date album created / date album last updated)
    Read More Demo

    Minimalistic Slideshow Gallery with jQuery

    January 20, 2013 | Gallery, Slider
    Minimalistic Slideshow Gallery with jQuery

    In today’s tutorial we will create a simple and beautiful slideshow gallery with jQuery that can be easily integrated in your web site. The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.

    Read More Demo

    3D Image Gallery Room with jQuery & CSS3

    January 16, 2013 | CSS2 / CSS3.0, Gallery, Plugins
    3D Image Gallery Room with jQuery & CSS3

    Today we want to share another 3D experiment with you: a gallery room in 3D. The idea is to create a realistic environment for an image exposition using CSS 3D transforms. Images are “hanged” along a wall which will have an end. Once the end of the wall is reached, a rotation will happen and we’ll be turned to the next wall whith more images. To give a real sensation of being in a room, we only have four walls and corners. Each image will have a little description tag with a small-sized font and when clicking on it, a larger version will appear from below.

    Read More Demo

    Photobox: CSS3 image gallery jQuery plugin

    December 27, 2012 | CSS2 / CSS3.0, Gallery, Plugins, Popup Window, Slider
    Photobox: CSS3 image gallery jQuery plugin

    Photobox is a lightweight image gallery modal window script which uses CSS3 heavily for silky-smooth animations and transitions. The goal was to great an image gallery script that utilizes GPU rending instead is the 90% scripts out there which are using javascript to move things around the old fashioned way.

    Benefits:

    • Both the script & CSS are only 7k each (minified script, not gziped)
    • Uses silky-smooth, hardware accelerated, CSS3 transitions and animations (for better performance)
    • Pretty UI and easy UX
    • CSS3 preloader, tailored-made. The only image you need is the arrow.png (soon even not that)
    • Works also on IE9 and above, but clearly not as nice as in normal browsers
    • Uses event-delegation on all thumbnails events
    Read More Demo

    Live Album Previews with CSS3 and jQuery

    December 24, 2012 | CSS2 / CSS3.0, Gallery
    Live Album Previews with CSS3 and jQuery

    Today we are going to make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it.

    Read More Demo

    GalleryView : Photo gallery jQuery plugins

    December 11, 2012 | Gallery, Plugins, Slider
    GalleryView : Photo gallery jQuery plugins

    Photo gallery jQuery plugins are everywhere you turn. Not a week goes by without some web design blog featuring a list of jQuery galleries, carousels, sliders and slideshows. GalleryView is my attempt to write a single plugin capable of creating a wide variety of gallery types.

    My goal with GalleryView is to provide an extensive set of options to the user. Not only will the user be able to adjust photo and thumbnail sizes, and transition speeds, but he will also have the ability to choose from a selection of element positions, transition styles and other features.

    Read More Demo

    Simple jQuery fullscreen image gallery

    December 11, 2012 | CSS2 / CSS3.0, Gallery, Plugins
    Simple jQuery fullscreen image gallery

    A fullscreen image gallery made with jQuery and CSS. The gallery features fullscreen images in various modes and custom thumbnail scrolling script.

    Read More Demo

    jQuery Fullscreen Responsive Lightbox Gallery

    December 8, 2012 | Gallery, Plugins, Responsive
    jQuery Fullscreen Responsive Lightbox Gallery

    This is a beautiful Jquery Fullpage Lightbox Plug-in. It’s great for photographers and perfect for any designer to showcase their work and it is very reliable. It works on modern browsers and it is easily managable. This Jquery is a full responsive gallery and it adjusts on all screens, even your smart phone! You can add DIV elements and adjust your dive using the CSS. It has a unique and new design to it with retro rectangles and stylish squares.

    The photos turn from black-and-white to colors after hovering your mouse over them also. The descriptions of the photo appear on the right side of the picture. This is probably the easiest Jquery you will ever use! Have fun and continue designing!

    Read More Demo

    jQuery CSS3 Adaptive Thumbnail Pile Effect with Automatic Grouping

    November 26, 2012 | Animation, CSS2 / CSS3.0, Gallery, Plugins
    jQuery CSS3 Adaptive Thumbnail Pile Effect with Automatic Grouping

    An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile will be spread into a grid using CSS transitions.

    Read More Demo

    HoverEx : jQuery image hover animation plugin

    November 21, 2012 | Animation, Gallery, Plugins, Premium, Zoom
    HoverEx : jQuery image hover animation plugin

    HoverEx is a jQuery plugin for image hover animations.It contains over 36 animations and prepared 18 hover animation templates.It also support for image zoom and slider effect.You can use it to create unique animated effects effortlessly without any knowledge of jQuery.

    Features:

    • Over 36 animations
    • Over 18 build-in templates
    • Responsive able
    • Easy to customize
    • Include two version
    • Build in 8 animate queue,and you can customize easy
    • Inline Zoom Support. Can be set the zoom range and zoom change step.And mousewheel control support.
    • Image Slider Support. Support mousewheel control,and pre/next buttons
    Read More Demo