Best jQuery Gallery Plugins & Tutorials with Demo

    bxGallery : jQuery Image Gallery Plugin

    bxGallery : jQuery Image Gallery Plugin

    bxGallery is jQuery image gallery plugin that contains automatic thumbnail generation.

    Features:

    • automatic thumbnail generation
    • custom size / cropping methods for thumbnails
    • thumbnail placement option
    • maximum height and width options for main image
    • opacity hover settings

    FrameIt : Responsive jQuery Plugin

    FrameIt : Responsive jQuery Plugin

    FrameIt is a Responsive jQuery plugin for frame images.Objective of the plugin is to create a plugin that works on mobile devices, smartphones and desktop without loss functionality. This plugin is “responsive”, which means it’s 100% compatible with responsive web designs.

    Features:

    • Responsive and mobile Ready
    • Support for all majors browser
    • Fully customizable frames shapes with css classes
    • Fully configurable animation of the frames
    • Separate images for each frame
    • Anchor frames. Follows any link you want
    • +20 presets for all images orientations
    • CSS3 Real Shadow Effects
    • CSS3 responsive background images (even on unsupported browser)

    Shuffling Tiles jQuery Plugin

    Shuffling Tiles jQuery Plugin

    Inspired by the step by step movements of the shuffle dance and the new Metro UI look, Shuffling Tiles combines elements from both and then some, producing a versatile, animated and compact webpage widget. Use it when you have lot’s of information that you want to fit in a small area, and you want to present it in a lively, original and interactive way.

    The plugin features lots of customization options, including setting:

    • different animation speeds and types
    • tiles dimensions for width, height and padding
    • the grid layout, with a choice of upto 4 different styles, and whether the layout is fixed or responsive
    • the number of tiles, anything between 1 and 6

    Product Colorizer jQuery Plugin

    Product Colorizer jQuery Plugin

    productColorizer is a light-weight solution for users to quickly preview a product in different colors. The plugin uses only two images per product to create the effect and it is built on top of the robust and popular Javascript framework jQuery, providing you with an easy setup. The plugin works in all major browsers including IE7+ (will work with IE6 if you use a png fix).

    Pretty Hover Effects with CSS and jQuery

    Pretty Hover Effects with CSS and jQuery

    This article will show you how to create pretty hover effects for your images using jQuery and CSS. The plan is to use a clean mark up, adding the necessary elements on the fly. What this means is that we are starting from barebones image HTML tags, with title attributes only. This can come useful especially if you already have hundreds of images that you want to apply this effect on.

    CoolCarousels : Showcasing 50+ cool jQuery carousel examples

    CoolCarousels : Showcasing 50+ cool jQuery carousel examples

    All carousels on this website are created for your inspiration, using only the jQuery-library and the jQuery.carouFredSel-plugin.They have been tested to work on FireFox and Chrome.

    jQuery-Timing : Timing & Loops Made Easier

    jQuery-Timing : Timing & Loops Made Easier

     

    jQuery-timing provides easy-to-use methods to define iterations, timeouts, intervals, Deferreds, and event-based loops and handlers just in line with all your jQuery stuff. jquery-timing is designed to change the way that you use jQuery.

     

    JackBox : jQuery Responsive Lightbox

    JackBox : jQuery Responsive Lightbox

    JackBox is a Responsive Lightbox with Real Social Sharing.

    Features:

    • Responsive / Mobile Ready
    • Retina Ready Graphics
    • Share any item through Twitter, Facebook, Pinterest and Google+
    • Deep-linking, every item has it’s own unique link
    • Touch Swipe for Mobile Devices
    • Genuine Fullscreen for Firefox and Chrome
    • Group any items together and create item categories
    • Youtube Video w/ Mobile Fallback
    • Vimeo Video w/ Mobile Fallback
    • Automatic Youtube and Vimeo thumbnail loading
    • HTML5 Video w/ Flash backup
    • HTML5 Audio w/ Flash backup
    • Flash Video w/ Mobile Backup
    • Load HTML Divs, iFrames and Google Maps
    • A boatload of Custom Thumbnail Hovers and Tooltips
    • CSS3 Preloader for smoother animation

    Dopeless Rotate : jQuery Plugin for 360 degrees product view

    Dopeless Rotate : jQuery Plugin for 360 degrees product view

    Dopeless Rotate is Jquery plugin for 360 degree product visualisation. It features:

    • Zooming function
    • Support of touchscreen devices
    • Ability to use multiple instances on a single page
    • You can use every number of images for 360 degree visualisation you want
    • Images are loaded automatic via PHP
    • Preloader is showing the progress of loading images to cache
    • Preloader for loading zoomed image
    • Nice modern design

    CSS 3D Restaurant Menu Concept with jQuery

    CSS 3D Restaurant Menu Concept with jQuery

    Applying CSS 3D transforms to components can bring some more realism to normally flat web elements. We’ve experimented with some simple concepts for restaurant websites and came up with a 3D folded menu (a real menu, not a “web” menu). The result is a restaurant website template where the menu will open by unfolding. Clicking the linked items will reveal a modal overlay which contains some more info.

    Since this “flyer” structure requires a decent amount of space, and, although we will make this responsive, we’ll add a media query for smaller screens where everything will fall back to a simplified stacked structure. The same will be applied for browsers that don’t support 3D transforms.