Development
Develop Jssor Slider
1. Standard Format
<script src="jssor.slider.min.js"></script>
<script>
    jssor_slider1_init = function (containerId) {
        var options = {};
        var jssor_slider1 = new $JssorSlider$(containerId, options);
    };
</script>
<style>
/*for svg loding skin, place css code here*/
</style>
<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 600px; height: 300px;">
    <!-- Loading Screen -->
    <div data-u="loading" class="class-name-of-loading-skin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
        <!-- your loading screen content here -->
    </div>
    <!-- Slides Container -->
    <div data-u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 600px; height: 300px;">
        <div><img data-u="image" src="image1.jpg" /></div>
        <div><img data-u="image" src="image2.jpg" /></div>
    </div>
    <!-- Trigger -->
    <script>jssor_slider1_init('slider1_container');</script>
</div>
Ad
2. jQuery Format
<script src="jquery.min.js"></script>
<script src="jssor.slider.min.js"></script>
<script>
        jQuery(document).ready(function ($) {
            var options = {};
            var jssor_slider1 = new $JssorSlider$('slider1_container', options);
        });
</script>
<style>
/*for svg loding skin, place css code here*/
</style>
<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 600px; height: 300px;">
    <!-- Loading Screen -->
    <div data-u="loading" class="class-name-of-loading-skin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
        <!-- your loading screen content here -->
    </div>
    <!-- Slides Container -->
    <div data-u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 600px; height: 300px;">
        <div><img data-u="image" src="image1.jpg" /></div>
        <div><img data-u="image" src="image2.jpg" /></div>
    </div>
</div>