Как удалить .init и дать новую возможность инициализации для меньшего экрана (shadowbox)

Question

У меня есть теневой код, инициализированный в документе, готовом в моем нижнем колонтитуле (wordpress website), но когда окно меньше 480 пикселей, я бы хотел, чтобы это теневое окно показывало только 5 фото ссылки, как подсчитывает вместо 10. Я добавил скрипт для размера окна случае, но он не работает для этого, есть еще 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); 

Или, если вам не нравится такой подход, проверить here решение с Shadowbox.setup(); методом.