如何使Carousal滑块一次滚动4个图像

时间:2017-10-19 10:39:48

标签: javascript jquery

我正试图通过asp .net中的转发器制作一个转盘,但效果很好。但问题是它一次只滚动一个图像,但我希望一次滚动4个图像。我在下面粘贴我的代码。我用Google搜索并获得一些线索,以便在任何jS文件中更改“visible:4”。请帮忙。

<div class="well well-small">
                        <h4>Featured Products <small class="pull-right">200+ featured products</small></h4>
                        <div class="row-fluid">
                            <div id="featured" class="carousel slide">
                                <div class="carousel-inner">
                                    <asp:Repeater ID="Repeater2" runat="server" DataSourceID="SqlDataSource1">
                                        <ItemTemplate>

                                            <div class="item <%# (Container.ItemIndex == 0 ? "active" : "") %>">
                                                <ul class="thumbnails">
                                                    <li class="span3">
                                                        <div class="thumbnail" >
                                                            <i class="tag"></i>
                                                            <a href="product_details.html">

                                                                <img src='<%# Eval("ImagePath") %>' />
                                                            </a>
                                                            <div class="caption">
                                                                <h5>Product name</h5>
                                                                <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </ItemTemplate>
                                    </asp:Repeater>
                                </div>
                                <a class="left carousel-control" href="#featured" data-slide="prev">‹</a>
                                <a class="right carousel-control" href="#featured" data-slide="next">›</a>
                            </div>
                        </div>
                    </div>

0 个答案:

没有答案