如何让jCarousel的宽度为100％而不是在px中指定？

Question

I am working on asp.net and Jquery. I tried many carousel but they all need to specify the width in px. Doing so my website looks abnormal on different resolution. How can I make it to occupy the whole width available to it?

Has any one know any other plugin which is easy and support this function?

Answer 1

You can by remove the width on the container and set the clip to 100% on the css as:

.jcarousel-container-horizontal 
{
    /* width: 275px;  <--- remove it */
}

.jcarousel-clip-horizontal 
{
    width: 100%;     /*<-- set it 100%*/
    height: 75px;
}

Example:

http://jsfiddle.net/hgYmt/

base on this demo page : http://sorgalla.com/projects/jcarousel/examples/static_simple.html

Because I can't modify the css files, I use the important, but the idea is the same.