HTML – 如何从自动滑动停止Bootstrap轮播?

HTML – 如何从自动滑动停止Bootstrap轮播?,第1张

概述我已经建立了一个自举视频轮播.它工作得很好但是,我唯一的问题是旋转木马在5秒后继续滑动到下一张幻灯片.如何使其停止自动滑动并仅在用户单击左箭头或右箭头时滑动?我已粘贴下面的代码. <div class="container"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" 我已经建立了一个自举视频轮播.它工作得很好但是,我唯一的问题是旋转木马在5秒后继续滑动到下一张幻灯片.如何使其停止自动滑动并仅在用户单击左箭头或右箭头时滑动?我已粘贴下面的代码.

<div >        <div ID="carousel-example-generic"  data-rIDe="carousel" data-pause=hover>            <!-- Indicators -->            <ol >                <li data-target="#carousel-example-generic" data-slIDe-to="0" ></li>                <li data-target="#carousel-example-generic" data-slIDe-to="1"></li>                <li data-target="#carousel-example-generic" data-slIDe-to="2"></li>            </ol>            <!-- Wrapper for slIDes -->            <div >                <div >                    <div >                        <vIDeo  autoplay muted ID="homevID">                            <source src="C:\Development Software\Sample Website\vIDeos\Michael Vick 88 yard touchdown pass to DeSean Jackson.mp4" />                        </vIDeo>                    </div>                <div >            </div>        </div>            <div >                <div >                    <vIDeo  autoplay muted ID="homevID">                        <source src="C:\Development Software\Sample Website\vIDeos\Vick to Jeremy Maclin for 50 Yard TD.mp4" />                    </vIDeo>                </div>            </div>            <div >                <div >                    <vIDeo  autoplay muted ID="homevID">                        <source src="C:\Development Software\Sample Website\vIDeos\Michael Vick Scramble Plays vs Rams 2011.mp4" />                    </vIDeo>                </div>          </div>    </div>
解决方法 通过添加data-interval =“false”

<div ID="carousel-example-generic"  data-interval="false" data-rIDe="carousel" data-pause="hover" >

从documentation

Option – Interval – ..If false,carousel will not automatically cycle.

总结

以上是内存溢出为你收集整理的HTML – 如何从自动滑动停止Bootstrap轮播?全部内容,希望文章能够帮你解决HTML – 如何从自动滑动停止Bootstrap轮播?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1050449.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-25
下一篇2022-05-25

发表评论

登录后才能评论

评论列表(0条)

    保存