image slider

I am not new to CSS, but I have not been able to find anything about this on Google so I thought maybe I was using the wrong terminology.

I am looking to teach myself how to make a slider/carousel where the image is sliced into pieces and each slice is shifted off independently, revealing the image below as they "fly" off the screen.

I don't know how to describe this so Google will help me find the technology behind it.

Maybe it is actually done in Javascript more than CSS... I don't know.

Hey guys,
I have serious gaps in my scrappy knowledge of css
I'm trying to implement this jQuery slider (http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/)
The first instructions are as follows:

Download jQuery, Coin Slider javascript file and CSS file and include them on your page:

1
< script type="text/javascript" src="jquery-1.4.2.js">
2

< script type="text/javascript" src="coin-slider.min.js">
3

< link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

my website: http://anubimb.com has a slider on the homepage. Currently the width of the slider is 800px, I want to increase it to 996px.

I have moderate/basic knowledge about CSS but I couldn't solve this particular problem no matter what I try.

Any help would be really appreciated. Thanks.