Best jQuery Gallery Plugins & Tutorials with Demo

    AJAX-ZOOM image zoom & pan gallery jQuery plugin

    AJAX-ZOOM is a powerful image zoom & pan gallery plugin based on jQuery and PHP. It features around 300 options and can be easily integrated into any website, CMS or webshop.

    Shutter Effect Portfolio with jQuery and Canvas

    In today’s tutorial, we will be using the HTML5 canvas element to create a simple photography portfolio, which displays a set of featured photos with a camera shutter effect. This functionality will come in the form of an easy to use jQuery plugin that you can easily incorporate into any website.

    Uber-customsiable video carousel with jQuery

    This carousel and featured-content rotator excels in two areas: firstly, it serves both video and graphic content, and secondly, it is super-customisable in terms of where the three components of the carousel – namely the slides, the tabs and the ‘more info’ area – are positioned within it. An XML file controls all behavioral and visual aspects of the carousel, though default settings can be overridden at the point of instantiation.

    JAWS: News Ticker and Mini Accordion in jQuery

    This widget-esque script is at once both a news ticker and a mini accordion. It takes a config file of data (headlines, image SRCs, URLs etc) and paginates your headlines into folds. It will optionally auto-rotate through these folds, though you can navigate between them with the numeric tabs at the top right. If an item has ‘more info’ data set in the config, then clicking the headline will reveal that data in an accordion fashion. See below for an example.

    Flyout Ribbon using jQuery and CSS3

    Flyout Ribbon using jQuery and CSS3

    I created a Flyout Ribbon using jQuery and CSS3 that I would like to share with you today.  My original idea for this came from the desire have a web administration panel for every page on my site, so i could edit content, change menu’s, etc directly on the page I was working on.  I really wanted something unobtrusive to the flow of my page and something with a bit of sex appeal, so naturally I turned to jQuery and CSS3.  I also wanted something that I show and hide easily…

    Facebook like Photo Tagging in jQuery

    Facebook like Photo Tagging in jQuery

    icfbPhotoTagging is jQuery plugin which provides you functions you can use to develop photo tagging aplication like facebook have. With this plugin you can view tags, edit tags(positions, sizes), add new tags, view all tags at once, etc…

    jPhotoGrid – Zoomable jQuery Image Gallery

    jPhotoGrid - Zoomable jQuery Image Gallery

    Nearly all of the styling for this plugin is done in css.  The trick is to layout the grid by floating the list items.  The first thing the plugin will then do, is convert these all to absolutely positioned.

    OIPlayer jQuery plugin

    OIPlayer jQuery plugin

    OIPlayer inits and controls the video- or audioplayer made by modern browsers with the html5 video- or audiotag. It was developed for the Open Images Platform. It features a fallback mechanism and enables the use of three players in a generic way. It sifts through the sources inside the media tag to find a suitable player, replaces the mediatag with itself and enables some generic controls. Is supports the html5 media-tag itself, the Java applet Cortado for the ogg media format (ogv, oga) for browsers that have Java but don’t support the html5 media-tags and a Flash player, in this case FlowPlayer for (mp4, h.264, flv).

    jQuery Panel Magic – Panel Layout For Small Websites

    jQuery Panel Magic – Panel Layout For Small Websites

    jQuery Panel Magic plugin is a new take on website navigation. Using a matrix or grid style layout for your website, you can easily implement this plugin for small websites and web applications. The plugin provides you with a unique way to “panelize” a website.

    s3Slider image sliding jQuery plugin

    s3Slider image sliding jQuery plugin

    The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery. Since i didnt find it after a small research i decided to build it by my self.