Javascript Fotorama 4禁用箭头
我需要你帮我处理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
数据箭头=“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 });