Get new jQuery plugins just once a week

×

DiagonalFade

July 26, 2012

DiagonalFade | jquery plugin for fading

DiagonalFade is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements.All you have to do is import it, specify the container to which the group of items resides, and poof, you’re off and away.DiagonalFade is great for inventory or anything with a large amount of items ordered in a grid.
Example Code
$("#container").diagonalFade({
time: 100,
fadeDirection_x: 'left-right', // "left-right" || "right-left"
fadeDirection_y: 'top-bottom', // "top-bottom" || "bottom-top"
fade: 'out', // "in" || "out"
complete: null // callback function
} });

Created by Jono Brandel

Download

Example

diagonal-fade

allows you to easily specify direction, fade-in, fade-out, and a host of other options to a group

DiagonalFade

Related posts:

Jcrop
Vimeo Carousel Gallery
PhotoSwipe
diagonal-fade

http://jquer.in/wp-content/uploads/2012/07/diagonal-fade.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever
Couple Gift Ideas