Question

我需要帮助照片4。我想禁用导航箭头

data-arrow="false" data-arrows="false" $('#my-fotorama').fotorama({arrows: 'false'}); $('#my-fotorama').fotorama({arrows: 'null'}); 不工作。

Answer 1

如果您使用最新版本（目前是Fotorama 4.5.2），现在有一个内置选项：

箭头 - true / false /＆＃39;始终＆＃39;

$(".fotorama").fotorama({ arrows: false });

Answer 2

首先，您应该下载未压缩的版本，然后添加一些更改...

我添加了一个选项：

 arrows: true // default option, could be false, too =>2636. line of code...

并且，setOptions函数中的一些小变化：

function setOptions () {
    o_fade = opts.transition === 'crossfade' || opts.transition === 'dissolve';

    o_loop = opts.loop && (size > 2 || o_fade);

    var classes = {add: [], remove: []};

    if (size > 1) {
      o_nav = opts.nav;
      o_navTop = opts.navPosition === 'top';
      classes.remove.push(selectClass);
if(opts.arrows) {
      $arrs.show();
}

else {
     $arrs.hide();
}
      arrsUpdate();
    } else {
      o_nav = false;

      $arrs.hide();
    }

现在您可以直接在html中设置箭头选项（显示/隐藏），如下所示：

<div class="fotorama" data-arrows="false">

完整，更新的代码：http://pastebin.com/zg4yJCCb

Answer 3

嗯......我推荐一种CSS方法：

.fotorama__arr {
  display: none !important;
}

在您的样式中添加此内容，而不是fotorama.css。

另外，我不建议更改fotorama.js。但是，当然，如果你以后不关心升级，你可以这样做。

Fotorama 4禁用箭头

3 个答案: