|
|
(36 intermediate revisions not shown) |
Line 2: |
Line 2: |
| {{Team:Aachen/Header}} | | {{Team:Aachen/Header}} |
| | | |
- | <html>
| |
- | <body style="background:#fff;">
| |
- | <script type="text/javascript" src="https://2014.igem.org/Template:Team:Aachen/Scripts/jquery-1.6.3.min?action=raw&ctype=text/javascript"></script>
| |
- | <script type="text/javascript" src="https://2014.igem.org/Team:Aachen/Scripts/jssor.js?action=raw&ctype=text/javascript"></script>
| |
- | <script type="text/javascript" src="https://2014.igem.org/Team:Aachen/Scripts/jssor.slider.js?action=raw&ctype=text/javascript"></script>
| |
- | <script>jQuery(document).ready(function(e){var t=[{$Duration:1200,$Opacity:2}];var n={$FillMode:1,$DragOrientation:3,$AutoPlay:true,$AutoPlayInterval:2500,$SlideshowOptions:{$Class:$JssorSlideshowRunner$,$Transitions:t,$TransitionsOrder:1,$ShowLink:true},$BulletNavigatorOptions:{$Class:$JssorBulletNavigator$,$ChanceToShow:2,$AutoCenter:1,$Steps:1,$Lanes:1,$SpacingX:10,$SpacingY:10,$Orientation:1}};var r=new $JssorSlider$("slider1_container",n)})</script>
| |
- | <style>
| |
- | .jssorb13 div,.jssorb13 div:hover,.jssorb13 .av{filter:alpha(opacity=70);opacity:.7;overflow:hidden;cursor:pointer;border:#000 1px solid;}.jssorb13 div{background-color:gray;}.jssorb13 div:hover,.jssorb13 .av:hover{background-color:#d3d3d3;}.jssorb13 .av{background-color:#fff;}.jssorb13 .dn,.jssorb13 .dn:hover{background-color:#555;}</style>
| |
- |
| |
- |
| |
- | <div id="slider1_container" style="position: relative; width: 600px; height: 500px; background-color: #000; overflow: hidden; ">
| |
- |
| |
- |
| |
- | <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: #000; top: 0px; left: 0px;width: 100%;height:100%;">
| |
- | </div>
| |
- | <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
| |
- | top: 0px; left: 0px;width: 100%;height:100%;">
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <!-- Slides Container -->
| |
- | <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 500px;
| |
- | overflow: hidden;">
| |
- | <div>
| |
- | <a u=image href="#"><img src="../img/paint/01.jpg" /></a>
| |
- | </div>
| |
- | <div>
| |
- | <a u=image href="#"><img src="../img/paint/02.jpg" /></a>
| |
- | </div>
| |
- |
| |
- | </div>
| |
- |
| |
- | <a style="display: none" href="http://www.jssor.com">jquery slider example</a>
| |
- |
| |
- | <div u="navigator" class="jssorb13" style="position: absolute; bottom: 16px; right: 6px;">
| |
- |
| |
- | <div u="prototype" style="POSITION: absolute; WIDTH: 21px; HEIGHT: 21px;"></div>
| |
- | </div>
| |
- |
| |
- |
| |
- | </div>
| |
- | <!-- Jssor Slider End -->
| |
- | </body>
| |
- | </html>
| |
| | | |
| {{Team:Aachen/Footer}} | | {{Team:Aachen/Footer}} |