Best jQuery Gallery Plugins & Tutorials with Demo

    FancyMoves a jQuery Product Slider

    December 31, 2011 | Gallery, Plugins, Popup Window, Slider
    FancyMoves a jQuery Slider

    FancyMoves has a lot of great features which are easy to edit to customize your slider. Easily change the speed of the slider, add multiple sliders on the same webpage, turn off the navigation below the slider, and much more.There are multiple ways to navigate to the next / last item: using your keyboard, using the left and right arrows on the sides of the slider, using the nav under the slider (optional), or simply clicking on the next or last item in the slider.

    jQuery FancyBox is built in so you can have images enlarge with an overlay effect on the screen. Hovering over the enlarged photo shows arrows, allowing you to navigate to other images within the group. FancyBox is easy to customize for your needs; change the transition effects, the background color, the title positioning, and more.

    Read More Demo

    Roundabout is a jQuery plugin

    December 24, 2011 | Animation, Carousel, CSS2 / CSS3.0, Gallery, Plugins, Slider
    Roundabout is a jQuery plugin

    Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

    It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results.

    Read More Demo

    jQuery ContentHover Plugin

    December 23, 2011 | Gallery, Plugins
    jQuery ContentHover Plugin

    ContentHover is a small jQuery plugin that helps you show some hidden content on top of an element when the mouse hovers over it. There are options to chose how your hover effect would appear, like fade in or slide in from any direction, you can change the opacity of the overlay etc.

    Read More Demo

    Create beautiful slideshows with jQuery Cycle

    December 23, 2011 | Carousel, Gallery, Plugins, Slider
    Create beautiful slideshows with jQuery Cycle

    These are 3 implementations of a simple slideshow using the jQuery Cycle plugin. Feel free to download and customize them to fit your own “slideshow needs”.

    Read More Demo

    Experimental CSS3 jQuery Animations for Image Transitions

    December 20, 2011 | Animation, CSS2 / CSS3.0, Gallery
    Experimental CSS3 jQuery Animations for Image Transitions

    Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We’ll be using CSS3 3D Transforms for Webkit only. Check out the Photo Transitions at the Safari Technology Demos site, some of which we got inspired by.

    Read More Demo

    Flow Slider: Mouse-Controlled jQuery Image Slider

    December 20, 2011 | Gallery, Plugins, Slider
    Flow Slider: Mouse-Controlled jQuery Image Slider

    Flow Slider is a jQuery plugin that lets you slide your HTML content as you always dreamed to. Flow Slider allows you to select from a range of transition effects or add your own, change settings, attach events, interact with the slider, and dress it in any design. It works by converting an unordered list into a slider and can be browsed by hovering to the right or left side of it.

    Read More Demo

    Display Slide OutBox depend up on Content using HTML and jQuery

    December 20, 2011 | Gallery, Popup Window, Web
    Display Slide OutBox depend up on Content using HTML and jQuery
    In this article i would like to explain the integration of slideroutBox at the Bottom of your webpages using HTML and Jquery.I am already using Third party Plugin for my blog for this feature.This plugin is provided by simple Reach..Its working Gr8..But this time,I am trying to create a custom Slider Outbox which will display depend up on content.So Lets start the implementation.
    Read More Demo

    PicStrips a jQuery plugin gives your images a bit of WOW!

    December 19, 2011 | Gallery, Plugins
    PicStrips a jQuery plugin gives your images a bit of WOW!

    PicStrips adds a little style to your images to help them stand out from the crowd. You can split your images into any number of strips, specify the whitespace between each strip and also the amount of vertical whitespace added at the top and bottom of alternate strips.

    Read More Demo

    Item Blur Effect with CSS3 and jQuery

    December 15, 2011 | Animation, CSS2 / CSS3.0, Gallery
    jQuery css3 Blur Effect

    Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once we hover over them. The item in focus will scale up. This will create some kind of “focus” effect that drwas the attention to the currently hovered item.

    We’ll be using CSS3 transitions and some jQuery to apply the respective classes. Since CSS3 transitions are not supported in order browsers, the demo should be best viewed in Safari or Chrome (here we got the smoothest transitions).

    Read More Demo

    QuickFlip 2: The jQuery Flipping Plugin

    December 14, 2011 | Animation, Gallery, Plugins
    QuickFlip 2: The jQuery Flipping Plugin

    QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name). This shortcut improves performance while allowing the flip effect to work smoothly with any piece of markup regardless of images, backgrounds or CSS.

    It provides an attractive alternative to other slower and more resource heavy Flash and jQuery flip animations. However if you want a smoother option with a depth effect try jQuery Flip!, although this only works with background colors (not images) and hides the panel content before flipping.

    Read More Demo