Jcarousel use - what do I set the numbers to?
I'm trying to figure out how to modify the jcarousel to my website but I'm having serious issues figuring out what to set the widths and heights to to make it work the way I want.
I've tried searching the forums but can't find anything relevant.
At the moment I'm trying to get a carousel with the width 440px, which shows 4 pics at a time. I don't mind how wide each pic has to be.
Jcarousel is just the simple example found here:
http://sorgalla.com/projects/jcarousel/#Examples
-
.jcarousel-skin-tango .jcarousel-container {
-moz-border-radius: 10px;
background: #F0F6F9;
border: 1px solid #346F97;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 480px;
padding: 20px 40px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
width: 100px;
height: 480px;
padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 400px;
height: 120px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
width: 100px;
height: 400px;
}
.jcarousel-skin-tango .jcarousel-item {
width: 90px;
height: 90px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}