|
|
| (35 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="https://static.igem.org/mediawiki/2014/thumb/a/ad/Aachen_MakerFaire_01.JPG/780px-Aachen_MakerFaire_01.JPG" /></a>
| |
| - | </div>
| |
| - | <div>
| |
| - | <a u=image href="#"><img src="https://static.igem.org/mediawiki/2014/8/85/Aachen_MakerFaire_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}} |
"
