0

スライドショーにFlexslider ( http://www.woothemes.com/flexslider/ ) プラグインを使用していますが、キャプションが表示されるまで遅延させたいと考えています。

初期化コードでここまでたどり着きました。

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

            });

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

新しいスライドが入るたびにキャプション部分をリセットする必要があるだけです。よろしくお願いします。

4

1 に答える 1

3

おそらく、高度な使用例にあるコードに近いものが必要です。

$(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);
      }
    });
});

次のスライドが始まる前にキャプションアニメーションを完成させるために、各スライドに十分な長さの遅延を設定する必要があることを覚えておいてください。

于 2013-02-20T23:01:31.340 に答える