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 (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" />
increasing the width of image slider on my website
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.
