Team:TU Munich/model/modeloverview

From 2011.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
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 onmouseout="" onmouseover="" href="https://2011.igem.org/Team:TU_Munich/model/redlight"  shape="rect" coords="20, 20, 850, 440">
-
         <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 onmouseout="" onmouseover="" href="https://2011.igem.org/Team:TU_Munich/model/andgate" shape="rect" coords="20, 480, 430, 970">
 +
         <area onmouseout="" onmouseover="" href="https://2011.igem.org/Team:TU_Munich/model/bluelight" shape="rect" coords="480, 480, 850, 970">
         </map>
         </map>
         <map name="none">
         <map name="none">
Line 62: Line 58:
         </div>
         </div>
         <div style="position:relative;bottom:0px;z-index:0;">
         <div style="position:relative;bottom:0px;z-index:0;">
-
         <p> Mouseover to enlarge and click to see details for the different parts of the model.</p>
+
         <p> Click on the different parts of the model to see details.</p>
         </div>
         </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.