Team:TU Munich/model/modeloverview

From 2011.igem.org

(Difference between revisions)
Line 26: Line 26:
         <script>
         <script>
         function ShowPic(sImage){
         function ShowPic(sImage){
-
                $('.tdcontent').stop();
 
-
                $('.tdcontent').css({width:'565px',height:'714px'});
 
                 $('#modelpic').stop().animate({opacity:0}, 400, function() {  
                 $('#modelpic').stop().animate({opacity:0}, 400, function() {  
                       document.modelpic.src= sImage;
                       document.modelpic.src= sImage;
Line 34: Line 32:
         }
         }
         function ShowPicR(sImage){
         function ShowPicR(sImage){
-
                $('.tdcontent').stop().animate({width:'900px',height:'600px'}, 800);
 
-
                $('#modelpic').attr( { usemap: "none" } );
 
                 $('#modelpic').stop().animate({opacity:0}, 400, function() {
                 $('#modelpic').stop().animate({opacity:0}, 400, function() {
                       document.modelpic.src = sImage;
                       document.modelpic.src = sImage;
Line 46: Line 42:
         }
         }
         function ShowPicRI(sImage){
         function ShowPicRI(sImage){
-
                  $('.tdcontent').stop().animate({width:'565px',height:'800px'}, 800);
 
                   $('#modelpic').stop().animate({opacity:0}, 400, function() {
                   $('#modelpic').stop().animate({opacity:0}, 400, function() {
                       document.modelpic.src = sImage;
                       document.modelpic.src = sImage;
Line 54: Line 49:
         </script>
         </script>
         <map name="model">
         <map name="model">
-
         <area onmouseout="ShowPic('https://static.igem.org/mediawiki/2011/2/2d/TumCompletmodel.png')" onmouseover="ShowPic('https://static.igem.org/mediawiki/2011/a/a6/TumAndgate.png')" href="https://2011.igem.org/Team:TU_Munich/model/andgate" alt="ANDGate" shape="rect" coords="20, 480, 430, 970">
+
         <area onmouseover="ShowPic('https://static.igem.org/mediawiki/2011/a/a6/TumAndgate.png')" href="https://2011.igem.org/Team:TU_Munich/model/andgate" alt="ANDGate" shape="rect" coords="20, 480, 430, 970">
-
         <area onmouseout="ShowPic('https://static.igem.org/mediawiki/2011/2/2d/TumCompletmodel.png')" onmouseover="ShowPic('https://static.igem.org/mediawiki/2011/9/98/TumBluelight.png')" href="https://2011.igem.org/Team:TU_Munich/model/bluelight" alt="Bluelight" shape="rect" coords="480, 480, 850, 970">
+
         <area onmouseover="ShowPic('https://static.igem.org/mediawiki/2011/9/98/TumBluelight.png')" href="https://2011.igem.org/Team:TU_Munich/model/bluelight" alt="Bluelight" shape="rect" coords="480, 480, 850, 970">
         </map>
         </map>
         <map name="none">
         <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 onmouseout="ShowPic('https://static.igem.org/mediawiki/2011/2/2d/TumCompletmodel.png')" 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;">

Revision as of 15:40, 10 September 2011

Model Overview

ANDGate Bluelight

Mouseover to enlarge and click to see details for the different parts of the model.