urasol_site/gallery.mustache at master · ericsson49/urasol_site · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
{{^gen}}
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{name}}</title>
<meta charset="utf-8">
</head>

<body>
{{/gen}}
    <script type="text/javascript" src="https://rawgit.com/jssor/slider/master/js/jssor.slider.min.js"></script>
    <script type="text/javascript" src="gallery_init.js"></script>
    <link href="gallery_style.css" rel="stylesheet">

    <!-- Jssor Slider Begin -->
    <div id="slider1_container" class="slider-container">

        <!-- Loading Screen -->
        <div u="loading" style="position: absolute; top: 0px; left: 0px;">
            <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
                background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;">
            </div>
            <div style="position: absolute; display: block; background: url(https://raw.githubusercontent.com/jssor/slider/master/img/loading.gif) no-repeat center center;
                top: 0px; left: 0px;width: 100%;height:100%;">
            </div>
        </div>

        <!-- Slides Container -->
        <div u="slides" class="slider-slides">
          {{#images}}
          <div>
            {{#href}}
             {{#image}}
              <a u="image" href="{{href}}">
                <img src="{{image}}"/>
              </a>
             {{/image}}
            {{/href}}
            {{^href}}
             {{#image}}
              <img u="image" src="{{image}}"/>
             {{/image}}
            {{/href}}
            {{#thumb}}
              <img u="thumb" src="{{thumb}}"/>
            {{/thumb}}
          </div>
          {{/images}}
        </div>

        <!--#region Arrow Navigator Skin Begin -->
        <!-- Arrow Left -->
        <span u="arrowleft" class="jssora05l" style="left: 8px;">
        </span>
        <!-- Arrow Right -->
        <span u="arrowright" class="jssora05r" style="right: 8px">
        </span>
        <!--#endregion Arrow Navigator Skin End -->
        <!--#region Thumbnail Navigator Skin Begin -->
        <!-- thumbnail navigator container -->
        <div u="thumbnavigator" class="jssort01" style="left: 0px; bottom: 0px;">
            <!-- Thumbnail Item Skin Begin -->
            <div u="slides" style="cursor: default;">
                <div u="prototype" class="p">
                    <div class=w><div u="thumbnailtemplate" class="t"></div></div>
                    <div class=c></div>
                </div>
            </div>
            <!-- Thumbnail Item Skin End -->
        </div>
        <!--#endregion Thumbnail Navigator Skin End -->
        <!-- Trigger -->
        <script>
            jssor_slider1_starter('slider1_container');
        </script>
    </div>
{{^gen}}
</body>
</html>
{{/gen}}