产品转盘

Question

我想一次显示我的产品，当您按下上一个/下一个时，它会滑动并显示下一个/上一个3产品。

我的代码：

                <ul class="upsellList">
                 <li><a href="#">prev</a></li>
//1st view       <li class="product_item product_promotion">Product 1</li>
//1st view       <li class="product_item product_promotion">Product 2</li>
//1st view       <li class="product_item product_promotion">Product 3</li>
//2nd view       <li class="product_item product_promotion">Product 4</li> 
//2nd view       <li class="product_item product_promotion">Product 5</li> 
//2nd view       <li class="product_item product_promotion">Product 6</li>
                 <li><a href="#">next</a></li> 
                </ul>

我的HTML是根据数据库中有多少产品动态生成的，因此不必担心上一个/下一个按钮。

Answer 1

尝试将<ul>宽度设置为添加3个<li>项，然后将其添加到<ul> css overflow:hidden

或

尝试在<li>中添加%宽度。

例如。）

 <ul width="100%">
 <li width="33%"></li>
 <li width="33%"></li>
 <li width="33%"></li>
 </ul>