皇家滑雪板和灯箱，缩略图容器没有宽度

Question

让皇家滑翔机在灯箱里工作有点困难--如果你看一下这个页面：http://www.wearewebstars.dk/frontend/Test/boerneunivers2.html --然后点击箭头，上面写着"Hvad er缅甸“--然后它打开一个带有画廊的灯箱--不过，缩略图的容器只有36 If的宽度--但如果我调整窗口的大小，它就会得到所有缩略图的全部宽度，并正确放置缩略图--有什么想法吗？我尝试过对窗口进行编程调整大小，但无法使其工作:我拥有的脚本是：

$(".toggle-gallery-8").on("click", function(event){
                $('#gallery-8').royalSlider({
                    fullscreen: {
                      enabled: true,
                      nativeFS: true
                    },
                    controlNavigation: 'thumbnails',
                    autoScaleSlider: true, 
                    autoScaleSliderWidth: 960,     
                    autoScaleSliderHeight: 850,
                    loop: false,
                    imageScaleMode: 'fill',
                    navigateByClick: true,
                    numImagesToPreload:5,
                    arrowsNav:true,
                    arrowsNavAutoHide: true,
                    arrowsNavHideOnTouch: true,
                    keyboardNavEnabled: true,
                    usePreloader: true,
                    fadeinLoadedSlide: true,
                    globalCaption: true,
                    globalCaptionInside: false,
                    updateSliderSize: true,
                    thumbs: {
                      appendSpan: false,
                      firstMargin: true,
                    }
                });
                $('#gallery-8').royalSlider('updateSliderSize', true);
                /*if($(".window.fade.in").length() > 0){
                    $(".window").trigger("resize");
                }*/
            });

Answer 1

查看开发人员站点，我发现这是一个已知的问题，有时会发生。

如果滑块大小是动态的:尝试调整浏览器的大小，如果调整布局后看起来正确，这就是问题所在。 如果滑块大小是静态的:通过Chrome、Web检查器或Firebug更改根滑块元素的大小，并调整浏览器窗口的大小。或者运行jQuery('.royalSlider').royalSlider('updateSliderSize'，true)；在控制台中查看它是否修复了您的问题。

医生：http://help.dimsemenov.com/kb/royalslider-jquery-plugin-issues/slider-content-area-shrinks

您可以尝试调用updateSliderSize方法：

setTimeout(function () {
    $('.royalSlider').royalSlider('updateSliderSize', true);
}, 500)

在滑块定义之后，需要setTimeout来处理一个小的计时问题。