Scribd Logo
Upload

Welcome to Scribd!

  • Jssor 1

    Uploaded by

    Zi Xi
    8 views2 pages
    This document provides information about developing a Jssor slider including standard and jQuery slider formats. It includes code snippets for the basic slider HTML and JavaScript/jQuery to initialize the slider. It also lists various slider features and transition effects that can be added like autoplay, navigation arrows, thumbnails. It recommends arranging layout, adjusting size and speed. It provides a link to download the Jssor Slider development kit on GitHub.

    Original Description:

    yo

    Original Title

    jssor1

    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
    This document provides information about developing a Jssor slider including standard and jQuery slider formats. It includes code snippets for the basic slider HTML and JavaScript/jQuery to initialize the slider. It also lists various slider features and transition effects that can be added like autoplay, navigation arrows, thumbnails. It recommends arranging layout, adjusting size and speed. It provides a link to download the Jssor Slider development kit on GitHub.

    Copyright:

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

    Jssor 1

    Uploaded by

    Zi Xi
    This document provides information about developing a Jssor slider including standard and jQuery slider formats. It includes code snippets for the basic slider HTML and JavaScript/jQuery to initialize the slider. It also lists various slider features and transition effects that can be added like autoplay, navigation arrows, thumbnails. It recommends arranging layout, adjusting size and speed. It provides a link to download the Jssor Slider development kit on GitHub.

    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


    Develop Jssor Slider
    Slides HTML Code
    1. Standard Format
    API: Options
    <script src="jssor.slider.min.js"></script>
     Methods, Properties & Events
    API: <div id="jssor_1" style="position:relative;top:0px;l
    <div data-u="slides" style="position:absolute;to
     UI Definition
    API: <div><img data-u="image" src="image1.jpg" />
     <div><img data-u="image" src="image2.jpg" />
    Slider with Loading Screen
     </div>
    Slider with Bullet Navigator </div>
     <script>
    Slider
     with Arrow Navigator var options = { $AutoPlay: 1 };
    var jssor_1_slider = new $JssorSlider$("jssor_1"
     with Thumbnail Navigator
    Slider </script>
     with Slideshow
    Slider
    Ad

    Slider with Fixed/Static Element

    Pass HTML Validation

    Tip
    - Arrange Layout & Adjust Size
    - Adjust Speed
    Tip

    Tip - Make Responsive Slider

    Tool - Slideshow Transition Viewer

    2. jQuery Format

    <script src="jquery.min.js"></script>
    <script src="jssor.slider.min.js"></script>
    <script>
    jQuery(document).ready(function ($) {
    var options = { $AutoPlay: 1 };
    var jssor1_slider = new $JssorSlider$("jssor
    });
    </script>
    <div id="jssor_1" style="position:relative;top:0px;l
    <div data-u="slides" style="position:absolute;to
    <div><img data-u="image" src="image1.jpg" />
    <div><img data-u="image" src="image2.jpg" />
    </div>
    </div>

    Get Jssor Slider Development Kit on github.

     
    Jssor Slider 2009-2021

    You might also like