1

これは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/

4

1 に答える 1

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);
});
于 2013-03-15T22:06:01.387 に答える