Scribd Logo
Upload

Welcome to Scribd!

  • Keep Slider Responsive - Jssor Slider Developme

    Uploaded by

    Zi Xi
    22 views2 pages
    Jssor is a responsive slider that can scale to any size by calling the $ScaleWidth API. The slider code includes responsive code to remove if not needed. On document ready, window load, resize, or orientation change, the ScaleSlider function is called to scale the slider width to the parent container width, making it fully responsive.

    Original Description:

    st

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Jssor is a responsive slider that can scale to any size by calling the $ScaleWidth API. The slider code includes responsive code to remove if not needed. On document ready, window load, resize, or orientation change, the ScaleSlider function is called to scale the slider width to the parent container width, making it fully responsive.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    22 views2 pages

    Keep Slider Responsive - Jssor Slider Developme

    Uploaded by

    Zi Xi
    Jssor is a responsive slider that can scale to any size by calling the $ScaleWidth API. The slider code includes responsive code to remove if not needed. On document ready, window load, resize, or orientation change, the ScaleSlider function is called to scale the slider width to the parent container width, making it fully responsive.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    Jssor

    Home Demos Tutorial Help Development Pricing Support Log in Sign up

    Jssor Slider Dev Startup Keep Slider Responsive


    Slides HTML Code
    Jssor Slider is responsive. By calling API $ScaleWidth(width), Jssor
    Slider can scale to any size.
    API: Options
    Ad
     Methods, Properties & Events
    API:

     UI Definition
    API:

    Slider with Loading Screen

    Slider with Bullet Navigator

    Slider
     with Arrow Navigator
     with Thumbnail Navigator
    Slider

     with Slideshow
    Slider

    Slider with Fixed/Static Element

    Pass HTML Validation
     <script src="jquery.min.js"></script>
    Tip
    - Arrange Layout & Adjust Size <script src="jssor.slider.min.js"></script>
    <script>
    - Adjust Speed
    Tip jQuery(document).ready(function ($) {

    Tip - Make Responsive Slider
    var options = {};
    var jssor_slider1 = new $JssorSlider$('slide

    Tool - Slideshow Transition Viewer
     //responsive code begin
    //remove responsive code if you don't want t

    //while window resizing
    function ScaleSlider() {
    var parentWidth = $('#slider1_container'
    if (parentWidth) {
    jssor_slider1.$ScaleWidth(parentWidt
    }
    else
    window.setTimeout(ScaleSlider, 30);
    }
    //Scale slider after document ready
    ScaleSlider();

    //Scale slider while window load/resize/orie


    $(window).bind("load", ScaleSlider);
    $(window).bind("resize", ScaleSlider);
    $(window).bind("orientationchange", ScaleSli
    //responsive code end
    });
    </script>

    See also: Responsive Settings

     
    Jssor Slider 2009-2021

    You might also like