cycle2在幻灯片之间淡入白色

时间:2015-03-11 21:49:26

标签: jquery jquery-cycle2

有没有办法在使用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>

感谢您的时间

0 个答案:

没有答案