jssor full height or full screen slider / possible?

后端 未结 3 1231
星月不相逢
星月不相逢 2020-12-05 21:10

is it possible to make this demo http://www.jssor.com/demos/full-width-slider.html to full screen height ? like supersizes carousel http://buildinternet.c

3条回答
  •  独厮守ぢ
    2020-12-05 21:42

    There is a new api $ScaheHeight with Jssor Slider 17.0 or later.

    //responsive code begin
    //you can remove responsive code if you don't want the slider to scale along with window
    function ScaleSlider() {
        var windowWidth = $(window).width();
    
        if (windowWidth) {
            var windowHeight = $(window).height();
            var originalWidth = jssor_slider1.$OriginalWidth();
            var originalHeight = jssor_slider1.$OriginalHeight();
    
            if (originalWidth / windowWidth > originalHeight / windowHeight) {
                jssor_slider1.$ScaleHeight(windowHeight);
            }
            else {
                jssor_slider1.$ScaleWidth(windowWidth);
            }
        }
        else
            window.setTimeout(ScaleSlider, 30);
    }
    
    ScaleSlider();
    
    $(window).bind("load", ScaleSlider);
    $(window).bind("resize", ScaleSlider);
    $(window).bind("orientationchange", ScaleSlider);
    //responsive code end
    

    Reference: http://www.jssor.com/testcase/full-screen-slider-new-api.source.html

提交回复
热议问题