Team:Manchester/LabBooktest

From 2013.igem.org

(Difference between revisions)
Line 6: Line 6:
<title> Safety </title>
<title> Safety </title>
-
<script type='text/javascript'>  
+
<script type='text/javascript'>
-
      function blocking(nr)
+
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

Top

Safety