Fotorama 4 비활성화는

Question

나는 내가 탐색 화살표

data-arrow="false" data-arrows="false" $('#my-fotorama').fotorama({arrows: 'false'}); $('#my-fotorama').fotorama({arrows: 'null'}); 작동하지

을 비활성화 할 fotorama 4. 도움이 필요 화살표.

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도 변경하지 않는 것이 좋습니다. 그러나 장래에 업그레이드에 신경 쓰지 않는다면 당연히 그것을 할 수 있습니다. 당신이 최신 버전 (순간 Fotorama 4.5.2)를 사용하는 경우

Answer 3

은, 지금의 내장 옵션이 있습니다 :

화살표 - 참/거짓/'항상'

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