Question

这与Cycle2：http://www.malsup.com/jquery/cycle2/

有关

我有一张幻灯片，其中包含图片和内容描述div。目标是在图像首先转换之后使描述淡入淡出。我正在尝试使用'cycle-before'和'cycle-after'来实现此目标。

$('#slider').cycle({
    slides: '>li',
    timeout: 5000
});
$('#slider').on( 'cycle-before', function( event, opts ) {
    $('.descriptiontext').fadeOut(); 
});
$('#slider').on( 'cycle-after', function( event, opts ) {
    $('.descriptiontext',this).delay(1000).fadeIn(1000);
});

但我不认为我理解如何使用此功能。在我的实际版本中，只有第一个转换具有描述的延迟。在下面的小提琴示例中，它根本不起作用。救命啊！

http://jsfiddle.net/56wQY/1/

Answer 1

我复制了所有参数，并使用了提供的传入，传出幻灯片。我确信有一种不那么冗长的方法可以做到这一点，但至少它是有效的。

$('#slider').cycle({
    slides: '>li',
    timeout: 5000
});

$('#slider').on( 'cycle-before', function(event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
    $('.descriptiontext',outgoingSlideEl).fadeOut(); 
});

$('#slider').on( 'cycle-after', function(event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
    $('.descriptiontext',incomingSlideEl).delay(1000).fadeIn(1000);
});

jQuery cycle2'cycle-before / after'仅适用于第一次转换

1 个答案: