Team:TU Munich/model/modeloverview
From 2011.igem.org
(Difference between revisions)
(36 intermediate revisions not shown) | |||
Line 21: | Line 21: | ||
</div> | </div> | ||
<div id="social" class="content"> | <div id="social" class="content"> | ||
- | |||
- | |||
<div class="subcontent ui-corner-all" style="top:0px;height:'100%';"> | <div class="subcontent ui-corner-all" style="top:0px;height:'100%';"> | ||
+ | <h1>Model Overview</h1> | ||
<div style="position:relative;top:0px;z-index:1;"> | <div style="position:relative;top:0px;z-index:1;"> | ||
<script> | <script> | ||
function ShowPic(sImage){ | function ShowPic(sImage){ | ||
- | + | $('#modelpic').stop().animate({opacity:0}, 400, function() { | |
- | + | ||
- | + | ||
- | $('#modelpic').stop().animate({opacity:0}, | + | |
document.modelpic.src= sImage; | document.modelpic.src= sImage; | ||
- | $('#modelpic').animate({opacity:1}, | + | $('#modelpic').animate({opacity:1}, 400); |
}); | }); | ||
} | } | ||
function ShowPicR(sImage){ | function ShowPicR(sImage){ | ||
- | + | $('#modelpic').stop().animate({opacity:0}, 400, function() { | |
- | $('#modelpic').stop().animate({opacity:0}, | + | |
- | + | ||
- | + | ||
- | + | ||
document.modelpic.src = sImage; | document.modelpic.src = sImage; | ||
- | $('#modelpic').animate({opacity:1}, | + | $('#modelpic').animate({opacity:1}, 400); |
+ | $('#modelpic').onmouseout(function(){ | ||
+ | this.src="https://static.igem.org/mediawiki/2011/2/2d/TumCompletmodel.png" | ||
+ | this.attr( { usemap: "#model" } ); | ||
+ | }); | ||
}); | }); | ||
- | |||
} | } | ||
function ShowPicRI(sImage){ | function ShowPicRI(sImage){ | ||
- | + | $('#modelpic').stop().animate({opacity:0}, 400, function() { | |
- | $('#modelpic').stop().animate({opacity:0}, | + | |
document.modelpic.src = sImage; | document.modelpic.src = sImage; | ||
- | $('#modelpic').animate({opacity:1}, | + | $('#modelpic').animate({opacity:1}, 400); |
- | + | ||
- | + | ||
- | + | ||
}); | }); | ||
} | } | ||
</script> | </script> | ||
<map name="model"> | <map name="model"> | ||
- | <area onmouseout=" | + | <area onmouseout="" onmouseover="" href="https://2011.igem.org/Team:TU_Munich/model/redlight" shape="rect" coords="20, 20, 850, 440"> |
- | <area onmouseout=" | + | <area onmouseout="" onmouseover="" href="https://2011.igem.org/Team:TU_Munich/model/andgate" shape="rect" coords="20, 480, 430, 970"> |
- | <area onmouseout=" | + | <area onmouseout="" onmouseover="" href="https://2011.igem.org/Team:TU_Munich/model/bluelight" shape="rect" coords="480, 480, 850, 970"> |
+ | </map> | ||
+ | <map name="none"> | ||
</map> | </map> | ||
<img id="modelpic" name="modelpic" src="https://static.igem.org/mediawiki/2011/2/2d/TumCompletmodel.png" width="100%" usemap="#model"> | <img id="modelpic" name="modelpic" src="https://static.igem.org/mediawiki/2011/2/2d/TumCompletmodel.png" width="100%" usemap="#model"> | ||
</div> | </div> | ||
<div style="position:relative;bottom:0px;z-index:0;"> | <div style="position:relative;bottom:0px;z-index:0;"> | ||
- | <p> | + | <p> Click on the different parts of the model to see details.</p> |
</div> | </div> | ||
- | </ | + | </div> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> |
Latest revision as of 16:17, 24 October 2011
Model Overview
Click on the different parts of the model to see details.