0

実際には2つの質問があり、どちらもflexsliderに関連しており、相互に関連している可能性さえあります.

  1. 私のサイトhttp://grrr.dontmeshwithus.com/でFlexslider ( http://www.woothemes.com/flexslider/ ) を使用しています。Flexslider プロパティの SmoothHeight を true に設定しているため、スライダーの高さを水平モードでスムーズにアニメーション化できます。ページをリロードすると、最初の画像が最初に読み込まれ、次に 0 から画像の高さまでアニメーション化されるという問題があります。これがいかに煩わしく、望ましくないかがわかります。a）最初の画像をアニメーション化しない、またはb）最初の画像がロードされる前にflexsliderをロードするように、これを防ぐ方法はありますか？

  2. 単一の投稿 (例: http://grrr.dontmeshwithus.com/ismo-alanko/ssdfs/ ) に移動すると、現在のスライド番号と合計スライド番号 (例: 3/5) が表示されます。しかし、初めてページにアクセスしたり、ページを更新したりすると、スライダーがリセットされ、現在のスライド番号が表示されません。ただ空っぽです。現在のスライド番号（1）を正しく表示するにはどうすればよいですか。最初にスライド 2 に移動してからスライド 1 に戻ると、最初のスライドのスライド番号が表示されます。

ここに私のflexslider JSがあります：

$(window).load(function() {
$('.flexslider').flexslider({
    animation: "slide",
    controlNav: false,
    keyboard: true,
    initDelay: 1000,
    useCSS: false,
    video: false,
    animationLoop: true,
    slideshow: false,
    smoothHeight: true,
    controlsContainer: ".flexslider-control",
    nextText: ">",
    prevText: "<",
    after: function(slider) {
        $('.current-slide').text(slider.currentSlide+1);
    },
    start: function(slider) {
        $('.total-slides').text(slider.count);
    }
    });
});

前もって感謝します！

4

1 に答える 1

0

さて、これらは実際には本当に単純だったので、ここで質問する前にもっと考えるべきでした。

  1. スクリプトをheadに移動したので、最初にロードします。当たり前。

  2. それ以外の

    after: function(slider) {
    $('.current-slide').text(slider.currentSlide+1);
},
start: function(slider) {
    $('.total-slides').text(slider.count);
}

やった

after: function(slider) {
    $('.current-slide').text(slider.currentSlide+1);
},
start: function(slider) {
    $('.current-slide').text(slider.currentSlide+1);
    $('.total-slides').text(slider.count);
}
于 2013-01-31T19:45:01.913 に答える