评论：号称最好的JQUERY幻灯片-NIVO SLIDER  [查看原文]

查看gitHub上的源码，如果加上这个方法，就可以停止现有的slider,然后根据新的img，再调用$('#slider').nivoSlider({}）重新加载

this.clear = function() {
    stop();
    clearInterval(timer);
    slider.removeData('nivo:vars');
    slider.removeData('nivoslider');
    slider.attr("class", "");
    slider.attr("style", "");
    $(".nivo-controlNav,.nivo-main-image,.nivo-directionNav").remove();
    slider.find(".nivo-caption").remove();
}

夜风0
2019/10/16 16:48:32
页面缩放90%，slices=15时问题必现的

Cannot read property 'substr' of undefined

kiven_sir0
2018/3/26 17:20:22
解决了吗大胸弟？ 一样的问题

kiven_sir0
2018/3/26 17:34:17
图片加上title属性就好啦。

很慢不错内容。用着很好呀

图片不能自适应啊，太大只显示局部

技术-阿峰0
2018/4/2 18:45:47
就不能自己写一个css属性么

?、1
2018/9/14 15:48:31

通过看源码，可以在幻灯片切换之前的回调函数beforeChange中，重新计算nivo-slice的宽度及背景位置。
（以下代码中nivo-slice的宽度已通过媒体查询设置过了，只是重新计算背景位置）：


$('#slider').nivoSlider({
    'controlNavThumbs': true,
    'beforeChange': function() {
        // 动画前重新布置slider位置，图片自适应容器
        var sliceWidth = $('#slider .nivo-slice').width()
        for (var i = 0; i < 15; i++) {
            if (i === 15) {
                $('#slider .nivo-slice').eq(i).css({
                    left: (sliceWidth * i) + 'px',
                    width: (slider.width() - (sliceWidth * i)) + 'px'
                })
            } else {
                $('#slider .nivo-slice').eq(i).css({
                    left: (sliceWidth * i) + 'px',
                    width: sliceWidth + 'px'
                })
            }
        }
    }
})

西瓜0
2016/9/7 16:09:07
感谢反馈，已改正！

你好，请问这些参数怎么修改呢？我想尝试看修改切换效果，代码如下。但是没有效果

$('#slider').nivoSlider(function(){
    effect:"fold"
});

不知道0
2016/12/18 16:12:16
在jquery.nivo.slider.js里面 的 最后

henudxk1
2017/4/17 16:03:23

$('#slider').nivoSlider({
    effect: "fold"
});

应该这么写，参数是一个对象

感谢网友提供的下载错误信息，以改正可正常下载。