Javascript Fotorama 4禁用箭头

Javascript Fotorama 4禁用箭头,javascript,fotorama,Javascript,Fotorama,我需要你帮我处理fotorama 4。 我想禁用导航箭头 数据箭头=“false” 数据箭头=“false” $('my fotorama')。fotorama({arrows:'false'}); $('my fotorama')。fotorama({arrows:'null'}) 不工作。首先应该下载未压缩的版本,然后添加一些更改 我增加了一个选项: arrows: true // default option, could be false, too =>2636. line of

我需要你帮我处理fotorama 4。 我想禁用导航箭头

数据箭头=“false”
数据箭头=“false”
$('my fotorama')。fotorama({arrows:'false'});
$('my fotorama')。fotorama({arrows:'null'})

不工作。

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

我增加了一个选项:

 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">


完整的、更新的代码:

嗯。。。我建议采用CSS方法:

.fotorama__arr {
  display: none !important;
}
将此添加到样式中的某个位置,而不是
fotorama.css


另外,我不建议更改
fotorama.js
。但是,当然,如果您不关心将来的升级,您可以这样做。

如果您使用最新版本(目前为Fotorama 4.5.2),现在有一个内置选项:

箭头-真/假/“始终”

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