2

プロジェクトに BxSlider jQuery コンテンツ スライダーを使用する ( http://bxslider.com/ )。コンテンツが中央に再配置されるように、ウィンドウのサイズ変更で「reloadShow()」関数を使用しています。

reloadShow() 関数は機能していますが、毎回スライドを最初のスライドにリセットします。代わりに、それがオンになっているスライドを覚えて、そのスライドにリロードしたいと思います。

これが私のJSです:

$(function(){
    // assign the slider to a variable
    slider = $('#slider').bxSlider(
    {
        controls: false,
        auto: false
    });

    // assign a click event to the external thumbnails
    $('.thumbs a').click(function()
    {
        var thumbIndex = $('.thumbs a').index(this);
        // call the "goToSlide" public function
        slider.goToSlide(thumbIndex);

        // remove all active classes
        $('.thumbs a').removeClass('pager-active');
        // assisgn "pager-active" to clicked thumb
        $(this).addClass('pager-active');
        // very important! you must kill the links default behavior
        return false;

    });

    // assign "pager-active" class to the first thumb
    $('.thumbs a:first').addClass('pager-active');

    $(window).resize(function(e)
    {
        slider.reloadShow();
    });

});
4

0 に答える 0