带有 jQ​​uery 的水平幻灯片的垂直滑块

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。

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