Best jQuery Gallery Plugins & Tutorials with Demo

    CoverScroll jQuery plugin

    CoverScroll jQuery plugin

    This plugin is CSS3 variant of the Apple’s CoverFlow design pattern.

    Image Wall with jQuery

    jQuery Image Wall

    Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and when clicking again on the thumbnail, the ribbon will close and open again with a large version of the image.

    How to Make a Graphical News Slider in jQuery

    jQuery News Slider

    The graphical news slider: something used so often in so many places for so many different purposes. I had made one ages ago as one of my first jQuery projects. I figured I could write a tutorial to share that code with WebDesignFan’s readers, but was taken aback when I reviewed the code I had made so long ago. It was not bad formatting or compatibility or any such thing, as I would never allow such problems to be a part of my programs. However, it wasn’t very extensible as I feel all public code should be. It was merely designed to support the features I needed at the time. Having spent the last few days revising the code, namely to allow custom image dimensions, I am happy to share with you the revised code.

    Creating an Attractive Photo Gallery using SmartGallery (jQuery)

    jQuery Attractive Photo Gallery using SmartGallery

    Today we will continue overviews of available photo galleries. Next gallery will SmartGallery. This light-weight gallery will allow us to have thumbnail navigation, auto image scaling, 12 transition effects (to current moment). All this is done with the options of this gallery.

    JQuery Superbox – Flexible modal window

    JQuery Superbox – Flexible modal window

    jQuery Superbox! Jquery is a plugin for creating modal windows easily be adapted (eg, lighter).

    It is an accessible script, uses the rel attribute of an element for triggering & href attribute is used for defining the source to be displayed.

    To change the look & feel, it is enough to play with the CSS as no styles are set by default.

    Vegas Background jQuery Plugin

    jQuery Vegas Background Plugin

    Vegas is a jQuery plugin to add beautiful fullscreen backgrounds to your webpages. You can even create amazing Slideshows.

    Chrome Style jQuery Image Gallery

    Chrome Style jQuery Image Gallery

    Great looking image gallery with autoplay, descriptions and more.

    The youlove.us jQuery scrolling background effect explained

    jQuery scrolling background effect explained

    We’ve had a lot of questions regarding the background effect on our new site – so I thought I’d explain how it works, to save you the trouble of picking through the source code. Feel free to base your own designs on this technique, but don’t just straight up copy our code and images – we’ve spent a good amount of time on this.

    jQuery Common Accordion – Horizontal & Vertical

    jQuery Common Accordion - Horizontal & Vertical

    Works as vertical accordion and horizontal accordion. It can be auto slide. You can set a default panel.

    jQuery Accordion Features
    • Works as vertical accordion and horizontal accordion.
    • it can be auto slide.
    • You can set a default panel.
    • You can set your own mouse events.
    • It can be nested.
    • Its just 4kb without any compression.
    • Its free! 🙂

    bxSlider a jQuery content slider and image slideshow

    bxSlider a jQuery content slider and image slideshow

    This plugin is content slider and image slideshow. Where you can slide between slides using horizontal, vertical and fade transitions. Also you can have navigation controls, custom behavior (this plugin have very many options).