0

我目前的目标是实现一个垂直轮播，以允许用户浏览缩略图库，轮播旨在每次点击显示 3 个项目，但它只显示 2 个和一点。

看到它的链接是http://mensclothingroom.factoryagency.co.uk/product/lambswool-round-neck-seater/

我是否错误地实现了它我个人认为该插件正在错误地计算父容器的高度。

4

1 回答 1

1

此时查看您的 js 文件（/themes/mcr/resources/javascript/jquery.carousel.min.js），您的包装器高度由下式计算

s.itemHeight * s.steps.count + "px"

但这$itemHeight = $item.outerHeight();并没有考虑到6px您为<li>元素插入的 margin-bottom ( )：实际上，您的包装器现在是252px高度高的（即84px * 3），而不是266px因此您应该将该表达式更改为

$itemHeight = $item.outerHeight(true);

这将使包装器足够高(84 + 6)px * 3 = 270px以包含完整的三个缩略图，但是，当然，调整和调整高度计算以满足您的需要。

有关更多信息，请参阅http://api.jquery.com/outerHeight/

于 2012-03-15T16:57:42.823 回答