1

ライトボックスで Royal Slider を動作させるのに少し苦労しています - このページを見てみると: http://www.wearewebstars.dk/frontend/Test/boerneunivers2.html - そして矢印をクリックしてください。 「Hvad er Myanmar」と表示されます-次に、ギャラリー付きのライトボックスが開きます-ただし、サムネイルのコンテナーは36pxの幅しか取得しません-しかし、ウィンドウのサイズを変更すると、すべてのサムネイルの全幅が取得され、サムネイルを正しく配置します - アイデアはありますか? プログラムでウィンドウのサイズを変更しようとしましたが、機能しません:私が持っているスクリプトは次のとおりです:

$(".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");
                }*/
            });
4

1 に答える 1