Template:SCU-head

From 2013.igem.org

(Difference between revisions)
m (Blanked the page)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<style type="text/css">
 +
body, input {
 +
     
 +
}
 +
 +
 +
</style>
 +
<title>Animation</title>
 +
</head>
 +
<body>
 +
<span style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2013/3/37/SCU-head-1b.jpg">
 +
<img src="https://static.igem.org/mediawiki/2013/f/f7/SCU-head-2.jpg">
 +
<img src="https://static.igem.org/mediawiki/2013/f/fb/SCU-head-3.jpg">
 +
<img src="https://static.igem.org/mediawiki/2013/7/72/SCU-head-4.jpg">
 +
</span>
 +
 +
<img name="MainImage" src="https://static.igem.org/mediawiki/2013/3/37/SCU-head-1b.jpg" border="0">
 +
<script language="javascript">
 +
img1= new Image();
 +
img1.src="https://static.igem.org/mediawiki/2013/3/37/SCU-head-1b.jpg";
 +
img2= new Image();
 +
img2.src="https://static.igem.org/mediawiki/2013/f/f7/SCU-head-2.jpg";
 +
img3= new Image();
 +
img3.src="https://static.igem.org/mediawiki/2013/f/fb/SCU-head-3.jpg";
 +
img4= new Image();
 +
img4.src="https://static.igem.org/mediawiki/2013/7/72/SCU-head-4.jpg";
 +
 +
 +
imgarray = new Array(4);
 +
imgarray[1] = new Image();
 +
imgarray[1].src = "https://static.igem.org/mediawiki/2013/3/37/SCU-head-1b.jpg";
 +
imgarray[2] = new Image();
 +
imgarray[2].src = "https://static.igem.org/mediawiki/2013/f/f7/SCU-head-2.jpg";
 +
imgarray[3] = new Image();
 +
imgarray[3].src = "https://static.igem.org/mediawiki/2013/f/fb/SCU-head-3.jpg";
 +
imgarray[4] = new Image();
 +
imgarray[4].src = "https://static.igem.org/mediawiki/2013/7/72/SCU-head-4.jpg";
 +
var timeoutValue = 3500;
 +
var animDelay = 2000;
 +
var numOfImages = 4;
 +
 +
</script>
 +
 +
 +
 +
<script language="javascript">
 +
var imageIndex = 0;
 +
var timeoutID = 0;
 +
var playMode = 1;
 +
 +
 +
function animImageInc()
 +
{
 +
if (imageIndex < numOfImages)
 +
imageIndex++
 +
else
 +
imageIndex = 1;
 +
}
 +
 +
function animImageDec()
 +
{
 +
if (imageIndex > 1)
 +
imageIndex--;
 +
else
 +
imageIndex = numOfImages;
 +
}
 +
 +
function setCurrImage()
 +
{
 +
document.MainImage.src = imgarray[imageIndex].src;
 +
}
 +
 +
function updateAnim()
 +
{
 +
var currTimeoutValue;
 +
 +
currTimeoutValue = timeoutValue;
 +
 +
if (playMode == 1)
 +
{
 +
animImageInc();
 +
if (imageIndex == numOfImages)
 +
currTimeoutValue += animDelay;
 +
}
 +
else
 +
{
 +
animImageDec();
 +
if (imageIndex == 1)
 +
currTimeoutValue += animDelay;
 +
}
 +
setCurrImage();
 +
timeoutID = setTimeout("updateAnim()", currTimeoutValue);
 +
}
 +
 +
function clearLastUpdate()
 +
{
 +
clearTimeout(timeoutID);
 +
timeoutID = 0;
 +
}
 +
 +
function startPlay()
 +
{
 +
clearLastUpdate();
 +
playMode = 1;
 +
updateAnim();
 +
}
 +
 +
function startPlayReverse()
 +
{
 +
clearLastUpdate();
 +
playMode = 2;
 +
updateAnim();
 +
}
 +
 +
 +
updateAnim();
 +
 +
</script>
 +
</body>
 +
 +
</html>
 +
<html>
 +
<head>
 +
<style>
 +
#globalWrapper {width: 100%;}
 +
#top-section {width: 100%; height:0px; border:none;}
 +
#p-logo {display:none;}
 +
#search-controls {display:none;}
 +
#bodyContent {border:none;}
 +
.firstHeading {display:none; background-color:transparent;}
 +
#menubar a { background-color:transparent; font-size: small;}
 +
#siteSub {
 +
display:none;
 +
}
 +
#footer-box {
 +
display:none;
 +
}
 +
 +
 +
    body {
 +
margin:0;
 +
padding:0;
 +
font: Verdana;
 +
}
 +
 +
 +
 +
 +
    #SCU {background-color:red;
 +
      float:left;
 +
      width:100%;
 +
      font-size:93%;
 +
  border-bottom:1px solid #F45551;
 +
      line-height:normal;
 +
      }
 +
    #SCU ul {
 +
  margin:0;
 +
  padding:0px 0px 0px 47px;
 +
      }
 +
    #SCU li {
 +
      display:inline;
 +
      margin:0;
 +
      padding:0;
 +
   
 +
      }
 +
    #SCU a {
 +
      float:left;
 +
   
 +
      margin:0;
 +
      padding:0 0 0 0;
 +
      text-decoration:none;
 +
      }
 +
    #SCU a span {
 +
      float:left;
 +
      display:block;
 +
      background:url("https://static.igem.org/mediawiki/2013/c/c2/SCU-bar.gif") no-repeat right top;
 +
    padding:5px 0px 4px 0px;      color:#FFF;
 +
 +
      }
 +
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
 +
    #SCU a span {float:none;}
 +
    /* End IE5-Mac hack */
 +
    #SCU a:hover span {
 +
      color:#FFF;
 +
      }
 +
    #SCU a:hover {
 +
      background-position:0% -42px;
 +
      }
 +
    #SCU a:hover span {
 +
      background-position:100% -42px;
 +
      }
 +
 +
      #SCU #current a {
 +
      background-position:0% -42px;
 +
      }
 +
      #SCU #current a span {
 +
      background-position:100% -42px
 +
      }
 +
 +
 +
</style>
 +
</head>
 +
 +
<body>
 +
 +
<div id="SCU">
 +
<ul style="font-family:Verdana; font-weight:bold;">
 +
<!-- CSS Tabs -->
 +
<!-- CSS Tabs -->
 +
 +
<li><a href="https://2013.igem.org/Team:SCU_China"><span style="width:100px;text-align: center;font-size: large;">Home</span></a></li>
 +
<li><a href="https://2013.igem.org/Team:SCU_China/Team"><span style="width:100px;text-align: center;font-size: large;">Team</span></a></li>
 +
<li><a href="https://2013.igem.org/Team:SCU_China/Project"><span style="width:110px;text-align: center;font-size: large;">Project</span></a></li>
 +
<li><a href="https://2013.igem.org/Team:SCU_China/Modeling"><span style="width:110px;text-align: center;font-size: large;">Modeling</span></a></li>
 +
<li><a href="https://2013.igem.org/Team:SCU_China/Parts"><span style="width:100px;text-align: center;font-size: large;">Parts</span></a></li>
 +
<li><a href="https://2013.igem.org/Team:SCU_China/Safety"><span style="width:110px;text-align: center;font-size: large;">Safety</span></a></li>
 +
<li><a href="https://2013.igem.org/Team:SCU_China/Attributions"><span style="width:120px;text-align: center;font-size: large;">Attributions</span></a></li>
 +
<li><a href="https://2013.igem.org/Main_Page"><span style="width:140px;text-align: center;font-size: large;">iGEM 2013</span></a></li>
 +
 +
</ul>
 +
</div>
 +
</body>
 +
</html>

Revision as of 08:50, 14 September 2013

Animation

Retrieved from "http://2013.igem.org/Template:SCU-head"