Slider/Carousel where image is sliced into sections

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.

Where to upload styles/js files

Hey guys,
I have serious gaps in my scrappy knowledge of css
I'm trying to implement this jQuery slider (
The first instructions are as follows:

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

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

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

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

increasing the width of image slider on my website

my website: 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.

Syndicate content