Template:Team:Marburg/Template:Slider

From 2014.igem.org

(Difference between revisions)
Line 157: Line 157:
                 background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
                 background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
             </div>
             </div>
-
             <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
+
             <div style="position: absolute; display: block; background: url('https://static.igem.org/mediawiki/2014/b/b9/Mr_slider_loading.gif') no-repeat center center;
                 top: 0px; left: 0px;width: 100%;height:100%;">
                 top: 0px; left: 0px;width: 100%;height:100%;">
             </div>
             </div>
Line 181: Line 181:
         <!-- Bullet Navigator Skin Begin -->
         <!-- Bullet Navigator Skin Begin -->
         <!-- jssor slider bullet navigator skin 01 -->
         <!-- jssor slider bullet navigator skin 01 -->
 +
        <!-- bullet navigator container -->
 +
        <div u="navigator" class="jssorb01" style="position: absolute; bottom: 16px; right: 10px;">
 +
            <!-- bullet navigator item prototype -->
 +
            <div u="prototype" style="POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;"></div>
 +
        </div>
 +
        <!-- Bullet Navigator Skin End -->
 +
       
 +
        <!-- Arrow Navigator Skin Begin -->
         <style>
         <style>
             /*
             /*
Line 201: Line 209:
             .jssorb01 .av { background-color: #fff; }
             .jssorb01 .av { background-color: #fff; }
             .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
             .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
-
        </style>
+
 
-
        <!-- bullet navigator container -->
+
-
        <div u="navigator" class="jssorb01" style="position: absolute; bottom: 16px; right: 10px;">
+
-
            <!-- bullet navigator item prototype -->
+
-
            <div u="prototype" style="POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;"></div>
+
-
        </div>
+
-
        <!-- Bullet Navigator Skin End -->
+
-
       
+
-
        <!-- Arrow Navigator Skin Begin -->
+
-
        <style>
+
             /* jssor slider arrow navigator skin 05 css */
             /* jssor slider arrow navigator skin 05 css */
             /*
             /*
Line 225: Line 224:
             cursor: pointer;
             cursor: pointer;
             display: block;
             display: block;
-
                 background: url(../img/a17.png) no-repeat;
+
                 background: url("https://static.igem.org/mediawiki/2014/d/d3/ULB2014ARROWS.png") no-repeat;
                 overflow:hidden;
                 overflow:hidden;
             }
             }

Revision as of 13:58, 7 October 2014

javascript

Retrieved from "http://2014.igem.org/Template:Team:Marburg/Template:Slider"