Fotorama 4禁用箭頭

Question

我需要fotorama 4. 幫助我要禁用導航箭頭

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

Answer 1

首先，你應該下載未壓縮的版本，然後，添加一些變化......

我加入了一個選項：

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 2

嗯...我推薦一個CSS的方法：

.fotorama__arr { 
    display: none !important; 
} 

添加在你的風格，而不是fotorama.css這個地方。我也不建議改變fotorama.js但是，當然，如果你不關心未來的升級，你可以做到這一點。

Answer 3

如果您使用最新版本（4.5.2 Fotorama的時刻），現在應該是一個內置選項：

箭頭 - 真/假/「總是」

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