Create gif Image using single image
The following tutorial, designed using jQuery plugin the name of the plugin is "jani.js". Actually the animation is created from a single image.You can call the plugin like follow
<script type="text/javascript">
$(document).ready(function(){
$('#animation-1').jani({ frameWidth: 100, frameHeight: 100, speed: 100, totalFrames: 19 });
$('#startAnimation').click(function(){
$('#animation-1').jani.play();
return false;
});
$('#pauseAnimation').click(function(){
$('#animation-1').jani.pause();
return false;
});
$('#stopAnimation').click(function(){
$('#animation-1').jani.stop();
return false;
});
});
</script>
Output of the program is
jAni jQuery Plugin Demo
The above animation is created using the below single image
Amazing great idea!
ReplyDelete