基本的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

看起来此选项不可用作Basic Slider的配置。 您可以在github上分叉源代码并尝试将其作为新的“animtype”实现，或者只是破解库以满足您的需求。

Answer 2

您应该在bjqs-1.3.js中更改go变量。

同样在这个文件中你应该进入方法

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

并更改

的值

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

取决于滑块效果。

别忘了下载该脚本的开发者版本。它包含在您提供给我们的网站中。

我希望有所帮助。