基本的JQuery Slider解決方法可產生滑動效果

Question

我正在從以下站點使用Basic JQuery SLider。

http://www.basic-slider.com/

我希望滑塊從左向右滑動，當前它從右向左滑動。

jQuery(document).ready(function($) {          
      $('#myslider').bjqs({
        animtype      : 'slide',
        height        : 126,
        width         : 244,
        responsive    : true,
        randomstart   : true,
        showmarkers : false,
        hoverpause : false,
        nexttext :   '<img src="img/next-horizontal.png">',
        prevtext :   '<img src="img/prev-horizontal.png">',
        animduration : 350, // how fast the animation are
        animspeed : 3000, // the delay between each slide
      });
});

Answer 1

看來此選項作為基本滑塊的配置不可用。 您可以將源代碼分叉到github上，並嘗試將其實現為新的“ animtype”，也可以只是修改庫以滿足您的需要。

Answer 2

您應該在bjqs-1.3.js中更改go變量。

而且在這個文件中，您應該進入方法

if(settings.animtype === 'slide')

並更改

resize_complete(function(){
                    go(false,state.currentslide);
                }, 200, "some unique string");

取決於滑塊效果。

不要忘記下載該腳本的開發人員版本。 它包含在您給我們的網站中。

希望對您有所幫助。