javascript - Slice / divide HTML content for animated slider -


i have seen several examples of how people can slice image bunch of tiles can animated separately, can't find example of how other image, want able html content visual result this: http://wowslider.com/ without forcing image.

here jsfiddle of example image: http://jsfiddle.net/zvdnzx0f/

i have include little code here link jsfiddle, code relevant uses canvas clip(), again, how html content.

//from: http://jsfiddle.net/y4grw/ var objimg = new image(); objimg.onload = function(){ drawit();} objimg.src = "http://thumbs.dreamstime.com/x/woman-super-hero-vector-illustrationon-background-34647925.jpg";  function drawit(){   var canvas = document.getelementbyid("canvas-id");   if(canvas.getcontext){     var ctx= canvas .getcontext('2d');     ctx.beginpath();     ctx.rect(0, 0, 100, 100);     ctx.clip();     ctx.drawimage(objimg, 0, 0);   } }