我在我的视差设计中使用了 Cslider
,我非常喜欢它,但是当我将 cslider 应用于 2 个实例(对于 2 个不同的 div)时我对此感到震惊,当我尝试时它工作正常申请1个实例(1个div)。我想要的是我需要为 1 个 div 应用 cslider autoplay true 和为另一个 div 应用 cslider autoplay false ,就像下面一样
<script type="text/javascript">
$(function() {
$('#div1').cslider({
autoplay : false
});
$('#div2').cslider({
autoplay : true,
bgincrement : 450
});
});
</script>
我的 HTML 代码:
<div id="div1" class="da-slider">
<div class="da-slide">
<h2>Some description</h2>
<p>Some description Some description Some description Some description Some description Some description Some description Some description Some description</p>
<a href="#" class="da-link">Read more</a>
<div class="da-img"><img src="css/slider/images/2.png" alt="image01" /></div>
</div>
<div class="da-slide">
<h2>Some description</h2>
<p>Some description Some description Some description Some description Some description Some description Some description Some description Some description</p>
<a href="#" class="da-link">Read more</a>
<div class="da-img"><img src="css/slider/images/2.png" alt="image01" /></div>
</div>
<nav class="da-arrows">
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</nav>
</div>
<div id="div2" class="da-slider" style="height:270px;">
<div class="da-slide">
<div class="scrollyeah" data-centerIfFit="true">
<div class="item1">
<a class="vlightbox3" href="images/01.jpg" >
<img src="images/img01.gif" />
</a>
</div>
<div class="item1">
<a class="vlightbox3" href="images/01.jpg" >
<img src="images/img01.gif" />
</a>
</div>
</div>
<h5>Scroll through all of the screenshots of the website and admin backend above</h5>
</div>
<div class="da-slide">
<div class="scrollyeah" data-centerIfFit="true">
<div class="item1">
<a class="vlightbox3" href="images/01.jpg" >
<img src="images/img01.gif" />
</a>
</div>
<div class="item1">
<a class="vlightbox3" href="images/01.jpg" >
<img src="images/img01.gif" />
</a>
</div>
</div>
<h5>Scroll through all of the screenshots of the website and admin backend above</h5>
</div>
<nav class="da-arrows">
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</nav>
</div>
在我的案例中,div1 不工作。但是当我将两个 div cslider autoplay
选项设置为 true
时,它们工作正常。
谁能帮帮我。
最佳答案
有人说 autoplay:true
可以正常工作,但是当您设置 autoplay:false
时它就不能正常工作了?我认为你的下一个和上一个事件不合适。好的,在这种情况下你有两个输出,
- 一些 div 与您的导航按钮重叠。
- 您在浏览器控制台中遇到任何错误。
尝试检查 html 代码或在控制台中查找错误。
关于jquery - 当我尝试申请两个 ID(divs) 时, slider 自动播放不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21568037/