基本的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");

取决于滑块效果。

不要忘记下载该脚本的开发人员版本。 它包含在您给我们的网站中。

希望对您有所帮助。