Team:Manchester/LabBooktest
From 2013.igem.org
(Difference between revisions)
Abramov denn (Talk | contribs) |
|||
Line 6: | Line 6: | ||
<title> Safety </title> | <title> Safety </title> | ||
- | <script type='text/javascript'> | + | <script type='text/javascript'> |
- | + | function showImage() | |
+ | { | ||
+ | $(".slider #1").fadeIn(300); | ||
+ | $(".slider #1").delay(3000).fadeOut(300); | ||
+ | |||
+ | var size = $(".slider img").size(); | ||
+ | var count = 2; | ||
+ | |||
+ | setInterval(function() { | ||
+ | $(".slider #"+count).fadeIn(300); | ||
+ | $(".slider #"+count).delay(3000).fadeOut(300); | ||
+ | |||
+ | if(count == size){ | ||
+ | count = 1; | ||
+ | }else{ | ||
+ | count = count + 1;} | ||
+ | },3000); | ||
+ | } | ||
+ | |||
+ | function blocking(nr) | ||
{ | { | ||
displayNew = (document.getElementById(nr).style.display == 'none') ? 'block' : 'none'; | displayNew = (document.getElementById(nr).style.display == 'none') ? 'block' : 'none'; | ||
Line 358: | Line 377: | ||
width:65px; | width:65px; | ||
height:65px; | height:65px; | ||
+ | } | ||
+ | |||
+ | .slider | ||
+ | { | ||
+ | margin:10px auto; | ||
+ | width:600px; | ||
+ | height:300px; | ||
+ | overflow:hidden; | ||
+ | z-index:200; | ||
+ | |||
+ | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | } | ||
+ | |||
+ | .shading .right | ||
+ | { | ||
+ | float:left; | ||
+ | margin:10px 10px 5px 0; | ||
+ | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
+ | } | ||
+ | |||
+ | .slider img | ||
+ | { | ||
+ | display:none; | ||
+ | width:600px; | ||
+ | height:300px; | ||
} | } | ||
Line 526: | Line 574: | ||
</head> | </head> | ||
- | <body onLoad="blocking('text'); blocking('text1'); blocking('text2');blocking('text4'); blocking('text5'); blocking('text6'); blocking('text7'); blocking('text8'); blocking('text9'); blocking('text10'); blocking('text11'); blocking('text12'); blocking('text13'); blocking('text14');blocking('text15'); hover1(); hover2(); hover3(); hover4(); hover5(); hover6(); hover7(); highlight();"> | + | <body onLoad="blocking('text'); blocking('text1'); blocking('text2');blocking('text4'); blocking('text5'); blocking('text6'); blocking('text7'); blocking('text8'); blocking('text9'); blocking('text10'); blocking('text11'); blocking('text12'); blocking('text13'); blocking('text14');blocking('text15'); hover1(); hover2(); hover3(); hover4(); hover5(); hover6(); hover7(); highlight(); showImage();"> |
<div class="header"> | <div class="header"> | ||
Line 635: | Line 683: | ||
<div class="wrapper" > | <div class="wrapper" > | ||
+ | <div class="slider"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/b/bf/Stars1.jpg" id="1"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/6/6b/Stars2.jpg" id="2"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/7/7c/Stars5.jpg" id="3"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/6/6f/Stars6.jpg" id="4"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/0/0b/Stars7.jpg" id="5"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/b/be/Stars10.jpg" id="6"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/1/19/Stars11.jpg" id="7"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/b/b2/Stars12.jpg" id="8"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/c/c5/Stars16.png" id="9"/> | ||
+ | </div> | ||
+ | |||
<ul class="menu"> | <ul class="menu"> | ||
<li id="one"><a href="" onclick="blocking('text'); return false;"><span>14/06/2013</span> Making media</a> | <li id="one"><a href="" onclick="blocking('text'); return false;"><span>14/06/2013</span> Making media</a> |
Revision as of 19:42, 28 August 2013