Question

我的jcarousel安装有问题。目前我如何设置它是连续三个项目，视口为1140px。 jcarousel会自动调整这些项目，并将它们设置为380px宽，以适合视口。边缘权利似乎也自动定义。我有一个问题在视口中均匀地证明我的三个项目。虽然找不到任何可能有用的东西，但我已经查看了jcarousel选项。这是一个截图，可以解释我的问题：

http://i.imgur.com/PRQIG.jpg

编辑：我找到了一个解决方案，这是我唯一能想到的。如果有人知道更好的解决方案，请发帖！

我的页面基于1140响应式网格系统。在我的网格系统中，三列行的右边距为~3.8％，每列的宽度为~30％。因此，对于我的旋转木马的水平视口（.jcarousel-clip-horizontal），我将它的宽度设置为103.8％而不是100％，这允许三个项目在页面容器中平均扩展。

我试图调整单个项目的边距和填充但这是不正确的。起初我在转盘容器上放置了一个左边的衬垫，使其具有居中的外观，但这对于我的响应布局来说还不够。

Answer 1

如果您不喜欢宽度jcarousel，您可以使用jcarousel setup

在setupCallback：function（）{}中自行设置

例如：你想用宽度375设置每个li，你可以这样做：

$('#a').jcarousel({
        visible:3,
        scroll:3,
        setupCallback:function(){
           $('#a.jcarousel-list li').each(function(){
                $(this).width(375)
           })
        },
})

你可以使用setupCallback：function（）{}修改每个项目或视口上的填充/边距，以达到你想要的效果。

jQuery jCarousel - 在水平视口中对齐项目

1 个答案: