Best jQuery Gallery Plugins & Tutorials with Demo

    jQuery Multimedia Portfolio

    jQuery Multimedia Portfolio with audio player and flv player

    Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player.

    Sliding Background Image Menu with jQuery

    Sliding Background Image Menu with jQuery

    Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as the size of the image, the hover effect and custom default states.

    Picbox a lighweight Image viewer

    jquery lighweight Image viewer

    Picbox is a lightweight (around 5KB) javascript image viewer based on the excellent Slimbox by Christophe Beyls, and available using either the Mootools or jQuery frameworks. It features automatic resizing and zooming of large images, allowing them to fit in the browser or be viewed at full size.

    jQuery maxImage Scaling Plugin

    jQuery maxImage Scaling Plugin

    This plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options. Change the size of your browser to see it’s effect.

    Create a grid Image Gallery that has intersecting highlights with jQuery and CSS

    jQuery CSS grid Image Gallery

    In this image gallery, I wanted to create the effect of intersecting lines to highlight the selected image in a grid like a crosshair. I used differing opacities of images horizontally across from the current image and vertically above or below the image to achieve this effect. This gallery uses jQuery Masonry to achieve the animated resizing effect of the grid.

    jMyCarousel a jQuery Plugin for Carousel gallery

    jMyCarousel a jQuery Carousel gallery

    jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.

    gSlider Lightweight jQuery Image Slider

    Lightweight jQuery Image Slider

    gSlider is an interactive image slider built on jQuery. It is versatile, lightweight and easy to implement in any website or web applications.

    jQZoom Evolution – a jQuery image magnifier plugin

    jQuery image magnifier plugin

    JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want.

    MopSlider 2.4 – A jQuery slider box plugin

    jQuery slider box plugin

    MopSlider is the slider box can contain any item that is set height and width. From 2.2, MopSlider can be put 2 in the page. A CSS file isn’t necessary.

    Display Facebook Photos To Your Website with FQL and jQuery Lightbox

    Display Facebook Photos To Your Website with FQL and jQuery Lightbox

    Hi there! Today we’re going to do a code that:

    1. Gets photo albums and photos of a facebook fan page (using Facebook PHP SDK and FQL).
    2. Display these photos to a webpage (assuming it is your website.).
    3. Use jQuery Lightbox to make awesome images presentation.