垂直旋转木马图像
问题描述:
我目前的目标是实现垂直旋转木马,允许用户浏览缩略图画廊,旋转木马意味着每次点击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/以获取更多信息