我正在使用 3d slider 在我的网站之一中显示 slider 。 我需要在其中应用播放/暂停功能。所以请告诉我如何添加进去。
这是 HTML :-
<section id="dg-container" class="dg-container">
<div class="dg-wrapper">
<a href="#"><img src="images/1.jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
<a href="#"><img src="images/2.jpg" alt="image02"><div>http://www.percivalclo.com/</div></a>
<a href="#"><img src="images/3.jpg" alt="image03"><div>http://www.wanda.net/fr</div></a>
<a href="#"><img src="images/4.jpg" alt="image04"><div>http://lifeingreenville.com/</div></a>
<a href="#"><img src="images/5.jpg" alt="image05"><div>http://circlemeetups.com/</div></a>
<a href="#"><img src="images/6.jpg" alt="image06"><div>http://www.castirondesign.com/</div></a>
<a href="#"><img src="images/7.jpg" alt="image07"><div>http://www.foundrycollective.com/</div></a>
<a href="#"><img src="images/8.jpg" alt="image08"><div>http://www.mathiassterner.com/home</div></a>
<a href="#"><img src="images/9.jpg" alt="image09"><div>http://learnlakenona.com/</div></a>
<a href="#"><img src="images/10.jpg" alt="image10"><div>http://www.neighborhood-studio.com/</div></a>
<a href="#"><img src="images/11.jpg" alt="image11"><div>http://www.beckindesign.com/</div></a>
<a href="#"><img src="images/12.jpg" alt="image12"><div>http://kicksend.com/</div></a>
</div>
<nav>
<span class="dg-prev"><</span>
<span class="dg-pause">||</span>
<span class="dg-next">></span>
</nav>
</section>
这是我正在使用的 JS。
<script type="text/javascript">
$(function() {
$('#dg-container').gallery();
});
</script/>
我正在关注 this
教程
最佳答案
检查文档后,可以添加自动播放和暂停功能。 您将添加两个按钮播放和暂停
<button id="play" onclick="playFunction">Play</button>
<button id="pause" onclick="pauseFunction">Pause</button>
播放按钮将启动函数playFunction()
playFunction(){
$('#dg-container').gallery({autoplay:true});
}
pauseFunction(){
$('#dg-container').gallery({autoplay:false});
}
编辑
如果它不起作用,那么您可以通过编程方式单击下一步按钮
<button id="play">Play</button>
<button id="pause">Pause</button>
播放按钮将启动函数playFunction()
setTimeout(function() {
$(".dg-next").click();
}, 5000);
这将每 5 秒按下一个按钮。
关于javascript - 如何在此 jquery 3d slider 中启用播放暂停功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45141567/