有没有办法在使用jquery和cycle2的图像淡出和淡入之间添加延迟?目前我的图像交叉淡入淡出,但我希望第一张图像淡入白色,然后第二张图像淡入淡出。
我目前的代码 -
<head>
<script type="text/javascript">
$(function() {
$('#slideshow')
.cycle({
next: '.outer',
speed: 500,
timeout: 0,
pager: '#nav'
});
});
</script>
</head>
<body>
<ul id="slideshow" class="pics"
data-cycle-fx=fade
data-cycle-pager="#nav"
data-cycle-pager-template="<strong><a href=#> {{slideNum}} </a></strong>"
data-cycle-slides="li"
>
<li>Slide with text</li>
<li><img src="img1"/><div id="alt-caption">This is caption 1</div></li>
<li><img src="img2"/><div id="alt-caption">This is caption 2</div></li>
<li><img src="img3"/><div id="alt-caption">This is caption 3</div></li>
<li>Slide with text 2</li>
</ul>
<div id="nav"></div>
</body>
感谢您的时间