Best jQuery Gallery Plugins & Tutorials with Demo

    Using Flux Slider jQuery plugin

    jQuery Flux Slider

    Using Flux Slider jQuery plugin Today I will make review (example of implementation) of fresh and cool slider plugin – Flux. This slider using CSS3 animation with great transition effects (like: bars, zip, blinds, blocks, concentric, warp). And, what is most great – now it can support 3D transitions too (bars3d, cube, tiles3d, Blinds3D effects).

    Grid Navigation Effects with jQuery

    jQuery Grid Navigation Effects

    Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We’ll take a look at some of the possibilities and how to apply the effect.

    Accordionza a jQuery accordion Plugin

    jQuery accordion Plugin

    This plugin cost $9 and will allow you to easily configure all effects and speed, pause on hover, autoplay and autorestart, collapseable captions and more. Three accordion styles are included. Create your own with some HTML  & CSS skills. Solid — No wobbly edges as often seen in other accordion scripts. Progressive enhancement. All content is still viewable without JavaScript enabled.

    Merging Image Boxes with jQuery

    jQuery Merging Image Boxes

    Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again.

    Interactive Image Vamp up with jQuery, CSS3 and PHP

    Interactive Image Vamp up with jQuery, CSS3 and PHP

    Today we will show you how to create an online application for giving some funny touches to an image. We will be using jQuery and jQuery UI for dragging and resizing little bling elements like mustaches and glasses. With PHP the image and the bling elements will get merged and the end result can be viewed.

    jQuery WowWindow is an alternative Lightbox

    jQuery WowWindow is an alternative Lightbox

    WowWindow is an alternative to Lightbox, for jQuery, that is much more fun and powerful. This modal window script uses CSS3 transformations to display the window, but will acceptably degrade to a workable window for browsers that do not support this. If you’re looking for alternatives to Lightbox, this may be the perfect script for you.

    jQuery Looped Slider Tutorial

    jQuery Looped Slider Tutorial

    Today we’re going to use Nathan Searles’ jQuery loopedSlider, a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the “content rewind” that most other content sliders suffer from.

    This is going to be a quick and easy tutorial. You can just copy and paste the code and have yourself a looping slider in minutes.

    CSS and jQuery-Creating an Image Slider

    CSS and jQuery-Creating an Image Slider

    In this tutorial I am actually going to be explaining how to do something which I created for one of my other projects. Basically you are going to create a jquery effect. When a holder is hovered over the top image slides down to reveal the image underneath. I will also explain how to use position absolute to float an image in the top right to show the image is new.

    Making A Slick Content Slider in jQuery

    jQuery Slick Content Slider

    Web masters constantly search for ways to optimize the way content is presented on their sites. With the advent of terms like “above the fold” it is ever so important to provide eye-catching and functional user interfaces.

    In this tutorial we are going to make a slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin. The slider is going to be generated with PHP and we are using a plain txt file as a data source for the notebook configurations.

    XML banner fader in jQuery

    jQuery XML banner fader

    More jQuery animation! This one puts a fading set of banners on your page. It uses simple XML to tell the javascript what banners to pull in, and the URLs you want the banners to link to. This is ideal for linking to top featured stories.