Flexslider jQuery插件，延遲顯示標題

Question

我使用Flexslider（http://www.woothemes.com/flexslider/）插件進行幻燈片放映，並希望在出現之前延遲字幕。

我已經得到了這麼遠與initilizating代碼，

$(window).load(function() { 
       $('.flexslider').flexslider({slideshow:false}); 

      }); 

$('.slide1caption').css("display","none"); 
$('.slide1caption').slideUp(300).delay(800).fadeIn(400); 

我只需要字幕部分的每一個新的幻燈片進來。在此先感謝時間復位。

Answer 1

你可能想要的東西更接近他們有他們的高級使用示例代碼：

$(window).load(function() { 
    $('.flexslider').flexslider({ 
     animation: "slide", 
     controlsContainer: ".flex-container", 
     after: function(slider) { 
     // animate your caption ... 
     // find the item that is the current slide's .slidecaption and animate it 
     $('.current-slide').find('.slidecaption').slideUp(300).delay(800).fadeIn(400); 
     } 
    }); 
}); 

記住，你將要設置每張幻燈片足夠長的延遲，以獲得標題動畫在下一個開始之前完成！