垂直旋转木马图像

垂直旋转木马图像

问题描述:

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

看到它在行动的联系是http://mensclothingroom.factoryagency.co.uk/product/lambswool-round-neck-sweater/

有我实现它错误地我个人认为,这个插件被错误地工作了父容器的高度。在这一刻您的包装高度由

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

$itemHeight = $item.outerHeight();这个计算不考虑保证金底在你的js文件(/themes/mcr/resources/javascript/jquery.carousel.min.js

展望(6px)你插入你的<li>元素:其实你包装程序现在是252px高度高(即84px * 3),而不是266px所以你应该改变这种表达成

$itemHeight = $item.outerHeight(true);

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

请参阅http://api.jquery.com/outerHeight/以获取更多信息