Question

我第一次使用Nivo Slider，它绝对棒，但我确实有几个问题。

我将它集成在CMS中，这允许用户添加最多5张图像。

如果只有一个图像，我想隐藏缩略图并停止任何过渡，就像一次又一次地滑动相同的图像一样。

现在我会用JQuery做什么，还是应该编辑'jquery.nivo.slider.js'文件？或者它可能是我可能在两者中完成的东西吗？

我想我想做的事情如下：

if images < 1 {
 transition = false;
 thumbnails = hide;
}

希望这是有道理的。

感谢您的时间和帮助。

更新

好的，所以如果只有一个图像，我通过在jquery.nivo.slider.js文件中添加以下内容来设法隐藏缩略图：

if (vars.totalSlides < 2)
{
 $('.nivo-controlNav').remove();
}

我现在希望能够根据相同的规则更改以下代码段中的一个设置，但不知道如何执行此操作：

$.fn.nivoSlider.defaults = {
    pauseOnHover: 'false',
    ......
}

Answer 1

我会更改配置数组并初始化滑块，如下所示：

// nivo config array
var nivoConfig = {
    slices: 30, // For slice animations
    boxCols: 16, // For box animations
    // put all your init config here but exclude 'effects'
}

if(imagesCount < 2) {
    nivoConfig['effects'] = 'none';
} else {
  nivoConfig['effects'] = 'random';
}

$('#slider').nivoSlider(nivoConfig);

尝试一下，它应该以这样的方式工作。

Answer 2

我有同样的问题;约翰尼的代码工作得很好，但我想详细说明那些可能遇到问题的人。你想要插入：

 if (vars.totalSlides < 2) {
    $('.nivo-controlNav').remove();
}

在jquery.nivo.slider.js文件中的第158行或其附近（在if（settings.controlNav）{}条件内）。否则它将无法工作。

Nivo Slider - 如果只有一个图像并且阻止幻灯片转换，则隐藏缩略图

2 个答案: