.init를 제거하고 작은 스크린 케이스 (shadowbox)에 새로운 초기화 옵션을주는 방법

Question

내 footer (wordpress 웹 사이트)에서 문서로 초기화 된 shadowbox를 가지고 있지만 창이 480px보다 작 으면 shadowbox 만 보여주기를 원합니다. (10) 대신 계산으로 5 개 사진 링크는 내가 창 크기 케이스에 대한 스크립트를 추가하지만이 작동하지 않습니다, 브라우저 화면 크기를 조정 한 후 10 카운트 아직 없습니다 : 나는 당신의 도움을 주셔서 감사합니다 것

Shadowbox.init({ 
     animate: true, 
     animateFade: true, 
     animSequence: "wh", 
     modal: false, 
     showOverlay: true, 
     overlayColor: "#000", 
     overlayOpacity: "1", 
     flashBgColor: "#000000", 
     autoplayMovies: false, 
     showMovieControls: true, 
     slideshowDelay: 0, 
     resizeDuration: "0.35", 
     fadeDuration: "0.35", 
     displayNav: true, 
     continuous: true, 
     displayCounter: true, 
     counterType: "skip", 
     counterLimit: "10", 
     viewportPadding: "20", 
     handleOversize: "resize", 
     handleUnsupported: "link", 
     autoDimensions: true, 
     initialHeight: "5", 
     initialWidth: "320", 
     enableKeys: true, 
     skipSetup: false, 
     useSizzle: false, 
     flashParams: {bgcolor:"#000000", allowFullScreen:true}, 
     flashVars: {}, 
     flashVersion: "9.0.0", 
    }); 
    if(jQuery(window).width() <= 480){ 
     Shadowbox.init({ 
      counterLimit: "5" 
     }); 
    } 

가!

Answer 1

Shadowbox.init 기능은 한 번만 호출해야합니다,하지만 당신은 같은 것을 시도 할 수 있습니다 :

var shadowbox_options = { 
    // init default options 
} 

if(jQuery(window).width() <= 480) { 
    shadowbox_options.counterLimit = 5; 
} 

Shadowbox.init(shadowbox_options); 

을 또는 당신이 접근 마음에 들지 않으면, hereShadowbox.setup(); 방법으로 해결책을 확인합니다.