我正在使用两个带有单个寻呼机的循环幻灯片,每个幻灯片都有不同的效果(使用元数据插件)。
我还想为每个幻灯片的第一张幻灯片制作动画,如此处所述,但我在语法上遇到了问题。
这是我目前的 js
$(document).ready(function() {
$('.slideshow').each(function(index) {
$(this).cycle({
pager: '#pager',
pagerAnchorBuilder: function(i) {
if (index == 0)
// for first slideshow, return a new anchro
return '<a href="#">'+(i+1)+'</a>';
// for 2nd slideshow, select the anchor created previously
return '#pager a:eq('+i+')';
}
});
});
});
效果在 .slideshow div 上编码(使用元数据插件)
<div class="slideshow { fx: 'scrollRight', timeout: 0, cleartypeNoBg: true, speed: 750, easing: 'easeInOutBack' }">
<div class="slideshow { fx: 'scrollLeft', timeout: 0, cleartypeNoBg: true, speed: 750, easing: 'easeInOutBack' }">