Question

<div id="thumbcarousel1" class="carousel slide custom_slider" data-interval="false">
            <div class="carousel-inner">
                <div class="item active">
                    <div data-target="#carousel" data-slide-to="0" class="thumb"><img src="img/logo/logo1.png"></div>
                    <div data-target="#carousel" data-slide-to="1" class="thumb"><img src="img/logo/logo1.png"></div>
                    <div data-target="#carousel" data-slide-to="2" class="thumb"><img src="img/logo/logo1.png"></div>
                    <div data-target="#carousel" data-slide-to="3" class="thumb"><img src="img/logo/logo1.png"></div>
                    <div data-target="#carousel" data-slide-to="4" class="thumb"><img src="img/logo/logo1.png"></div>
                    <div data-target="#carousel" data-slide-to="5" class="thumb"><img src="img/logo/logo1.png"></div>
                </div><!-- /item -->
                <div class="item">
                    <div data-target="#carousel" data-slide-to="6" class="thumb"><img src="img/logo/logo1.png"></div>
                    <div data-target="#carousel" data-slide-to="7" class="thumb"><img src="img/logo/logo1.png"></div>
                    <div data-target="#carousel" data-slide-to="8" class="thumb"><img src="img/logo/logo1.png"></div>
                    <div data-target="#carousel" data-slide-to="9" class="thumb"><img src="img/logo/logo1.png"></div>
                    <div data-target="#carousel" data-slide-to="10" class="thumb"><img src="img/logo/logo1.png"></div>
                    <div data-target="#carousel" data-slide-to="11" class="thumb"><img src="img/logo/logo1.png"></div>
                </div><!-- /item -->

            </div><!-- /carousel-inner -->
            <a class="left carousel-control" href="#thumbcarousel1" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#thumbcarousel1" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>

我有滑动图片的代码，但我想自动播放幻灯片在这里，我可以使用下一个和上一个按钮播放幻灯片。

Answer 1

引导程序中的数据属性数据间隔是

自动循环项目之间的延迟时间。如果假，轮播不会自动循环。

Change data-interval="false" to true or 1000 (1 sec) , 4000 (4 sec)

我可以让这张幻灯片图片自动播放

1 个答案: