javascript - 带有jQuery的水平幻灯片的垂直滑块

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

这是我的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实现？
有插件吗？
任何建议都会有所帮助。

最佳答案

您应该检查一下刷卡器。 http://idangero.us/swiper/#.WH0PsrYrKA0。

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

香港专业教育学院在几个应用程序中使用了这一点。超级光滑