0

我正在使用这个插件,这里是代码:http: //jsfiddle.net/gm8t5/

基本上我想增加中间li宽度看起来像这样:

在此处输入图像描述

我试过这样:

.list_carousel li {width: 960px !important;}

但是动画并不是那么顺利。

我怎样才能解决这个问题?

4

1 回答 1

3

使用 . 在 CSS 中设置项目宽度.list_carousel li。此外,您需要将可见的项目设置为 3,因为您希望每边有 1 个,中间有 1 个。

插件设置:

items: {
    visible: {
        min: 3,
        max: 3
    }
}

CSS

.list_carousel li { 
    float: left;
    width: 300px;
    height: 60px;
}

您可以调整项目大小以及调整容器大小。您希望项目宽度占整个容器宽度的大部分,以实现您正在寻找的效果。

我做了一个新的jsfiddle并做了一些认真的清理工作。您拥有的标记和 CSS 实际上使您无法实现您正在寻找的东西。

于 2012-06-12T00:05:36.300 回答