animateFrame

Animate DOM elements using jQury animate, configurations can be passed through the html data attributes.

@dkarandana / Dhananjaya Karandana

Build & Deployment Process

Code sample

add data attribute (data-animation) from-to

	<div data-animation="200_400,50_20" class="type1 animateFrame">
	      	<img src="http://s24.postimg.org/brkoj6uwl/url_1.jpg"/>
	</div>

bind element to animateFrame

	$('.animateFrame').animateFrame({
		  selector:'img',
		  prop:'height',
		  time:2000,
		  reverse:true
	});