0

我的 jcarousel 安装有问题。目前我设置它的方式是连续三个项目，视口为 1140 像素。jcarousel 会自动调整这些项目并将它们设置为 380px 宽以正确适应视口。margin-right 似乎也是自动定义的。我在视口内均匀地证明我的三个项目时遇到问题。我查看了 jcarousel 选项，但没有找到任何可能有帮助的东西。这是应该解释我的问题的屏幕截图：

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

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

我的页面基于 1140 响应式网格系统。在我的网格系统中，三列行的右边距约为 3.8%，每列的宽度约为 30%。因此，对于我的轮播的水平视口 (.jcarousel-clip-horizo​​ntal)，我将其宽度设置为 103.8% 而不是 100%，这允许三个项目在页面容器中平均扩展。

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

4

1 回答 1

0

If you don't like the width jcarousel automatically does you can set it yourself in the setupCallback:function(){} with the jcarousel setup

for example: you want to set each li with the width 375, you can do this:

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

you can modify padding/margin on each item or on the viewport with setupCallback:function(){} to achieve what you want.

于 2012-12-07T03:49:05.857 回答