垂直旋转木马切断图像

Question

我目前的目标是实现一个垂直旋转木马，允许用户浏览一个thumbanils画廊，旋转木马意味着每次点击显示3个项目，但它只显示2个和一点。

要查看其实际效果的链接是http://mensclothingroom.factoryagency.co.uk/product/lambswool-round-neck-sweater/

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

Answer 1

此时查看你的js文件（/themes/mcr/resources/javascript/jquery.carousel.min.js）你的包装器高度是由

计算的

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

但是$itemHeight = $item.outerHeight();这并没有考虑您为6px元素插入的边距底部（<li>）：实际上您的包装现在是252px身高（即84px * 3）代替266px，因此您应该将该表达式更改为

$itemHeight = $item.outerHeight(true);

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

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