带有jquery的水平幻灯片的垂直滑块

Question

我的产品有多个图像。在顶部或底部点击我想要更改产品。然后单击“下一步”和“我想要更改该产品图像”。

这是我的html格式

<div class="product" id="1">
    <div class="product_img" id="1_0"><img src=""/></div>
    <div class="product_img" id="1_1"><img src=""/></div>
    <div class="product_img" id="1_2"><img src=""/></div>
</div>
<div class="product" id="2">
    <div class="product_img" id="2_0"><img src=""/></div>
    <div class="product_img" id="2_1"><img src=""/></div>
    <div class="product_img" id="2_2"><img src=""/></div>
</div>
<div class="product" id="3">
    <div class="product_img" id="3_0"><img src=""/></div>
    <div class="product_img" id="3_1"><img src=""/></div>
    <div class="product_img" id="3_2"><img src=""/></div>
</div>

如何使用JavaScript或jquery实现？ 有插件吗？ 任何建议都会有所帮助。

Answer 1

你应该检查一下swiper。 http://idangero.us/swiper/#.WH0PsrYrKA0

在演示中，您可以查看“嵌套”滑块http://idangero.us/swiper/demos/#.WH0PybYrKA0。

我已经在几个应用程序中使用了它。超级光滑