Best jQuery Gallery Plugins & Tutorials with Demo

    jQuery NailThumb : Create Thumbnails From High Res Images with Demo

    April 14, 2012 | Gallery, Plugins
    jQuery NailThumb : Create Thumbnails From High Res Images with Demo

    jQuery NailThumb is a handy jQuery plugin helps you convert any image to any thumbnail with full control.If you want to add avatars to your application it’s easier to use this plugin to let them fit any size you need then to develop a functionality that help your user to upload avatars of the right size/sizes.

    It creates thumbnails easily from high-res images, without any distortion, with one line of code. You can even decide thumbnail dimensions directly from CSS.

    This plugin integrates perfectly with any media gallery, even more useful in dynamic web application when you can face any shape or size.

    Read More Demo

    jQuery Flickr Photobar Gallery with Demo

    April 14, 2012 | Gallery, Other API
    jQuery Flickr Photobar Gallery with Demo

    After we got a lot of great feedback for our image galleries we decided to follow some of the suggestions and create a gallery that uses the Flickr API. The aim was to build a bottom photobar that one can easily integrate into a website. It is hidden initially and slides up when the handle is clicked. First, the photo sets are shown and when one of them is chosen, all its images can be viewed as thumbnails. When a thumbnail is clicked, a full image view appears as an overlay.

    Read More Demo

    inflickity : jQuery Never-ending drag n’ flick content with Demo

    April 7, 2012 | Drag & Drop, Gallery, Slider
    inflickity : jQuery Never-ending drag n' flick content with Demo

    inflickity is a jQuery Never-ending drag n’ flick content.

    Read More Demo

    NETEYE Touch Gallery : jQuery Photo Viewing in Mobile Browser

    April 7, 2012 | Gallery, jQuery Mobile
    NETEYE Touch Gallery : jQuery Photo Viewing in Mobile Browser

    Touch-Gallery brings the look and feel of native jQuery photo-viewing apps to yhour mobile browser.Open this page in your iPad or iPhone 4 and click on any of the thumbnails in the left column below.

    Read More Demo

    iPicture : A jQuery Plugin For Tooltip your Images With Demo

    April 3, 2012 | Drag & Drop, Gallery, jSON, Plugins, Slider, Web
    iPicture : A jQuery Plugin For Tooltip your Images With Demo

    iPicture, a jQuery plugin, is perfect for such cases and allows us to place tooltips over any desired location of images.

    Once the user hovers/clicks the pointers, the tooltip is displayed with its pre-defined content.There are several options for customizing the functionality including the ability to use different pointer images for each tooltip or their animation types.

    Also, iPicture has a handy initialize function that saves so much time by enabling a configuration wizard where we can place pointers + set their definitions with drag ‘n’ drops and the JSON output to be used in the code is created automatically.

    Read More Demo

    SliderWall : jQuery image slider with Demo

    April 3, 2012 | Gallery, HTML5, Slider
    SliderWall : jQuery image slider with Demo

    SliderWall is a jQuery slider plugin that helps you to create all types of content sliders. The plugin is entirely based on HTML5, CSS3 and JavaScript.SliderWall is a very flexible tool, meaning that you can use it to create many types of sliders, from content sliders to image sliders.

    And you don’t have to start from scratch! SliderWall offers you several different templates – along with cool transition effects – that can be customized in CSS so that they match your website’s design.

    Read More Demo

    Photo Wall : jQuery plugin with Demo

    March 31, 2012 | Gallery, Plugins, Popup Window
    Photo Wall : jQuery plugin with Demo

    jQuery photo wall gallery plugin (like in google).

    Read More Demo

    filtrify : jQuery HTML5 Advanced tag filtering with Demo

    March 28, 2012 | Gallery, HTML5, Plugins
    filtrify : jQuery HTML5 Advanced tag filtering with Demo

    Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu.

    Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.

    Read More Demo

    Hoverizr : A responsive jQuery Image manipulation and overlay plugin

    March 22, 2012 | Gallery, Plugins, Responsive
    Hoverizr : A responsive jQuery Image manipulation and overlay plugin with Demo

    Hoverizr is a really small (2.5KB minified) responsive jQuery plugin that outputs manipulated images on top (or below) your targeted images. Currently, it features three effects: grayscale, blur and color inversion. Automatically when you move your mouse over the target elements, the element above fades out to reveal the element beneath whether it is the original image or the manipulated one.Hoverizr takes advantage of the <canvas> element to do all the image processing.

    Read More Demo

    Flippy : Flip effect jQuery Plugin with Demo

    March 22, 2012 | Gallery, Plugins
    Flippy : Flip effect jQuery Plugin with Demo

    Flippy is a cross-browser flip effect plugin for jQuery which allows you to flip whatever html element you want.The Flippy plugin works fine for every modern web browser except Internet Explorer 8 and before (of course…).
    In this demo I used the excanvas.js file to allow the use of canvas in older IE versions.

    Read More Demo