Team:TU Munich/model/modeloverview

From 2011.igem.org

(Difference between revisions)
Line 27: Line 27:
         <script>
         <script>
         function ShowPic(sImage){
         function ShowPic(sImage){
-
                $('.bacnav').stop();
 
                 $('.tdcontent').stop();
                 $('.tdcontent').stop();
-
                $('.tdbacnav').stop();
 
-
                $('.bacnav').css({opacity: 1});
 
                 $('.tdcontent').css({width:'565px',height:'714px'});
                 $('.tdcontent').css({width:'565px',height:'714px'});
-
                $('.tdbacnav').css({width:'350px'});
 
                 $('#modelpic').stop().animate({opacity:0}, 400, function() {  
                 $('#modelpic').stop().animate({opacity:0}, 400, function() {  
                       document.modelpic.src= sImage;
                       document.modelpic.src= sImage;
Line 39: Line 35:
         }
         }
         function ShowPicR(sImage){
         function ShowPicR(sImage){
-
                $('.bacnav').css({opacity: 1})
 
                 $('.tdcontent').stop().animate({width:'900px',height:'600px'}, 800);
                 $('.tdcontent').stop().animate({width:'900px',height:'600px'}, 800);
-
                $('.bacnav').stop().fadeOut(500);
 
-
                $('.tdbacnav').stop().animate({width:'0%'},800);
 
                 $('#modelpic').stop().animate({opacity:0}, 400, function() {
                 $('#modelpic').stop().animate({opacity:0}, 400, function() {
                       document.modelpic.src = sImage;
                       document.modelpic.src = sImage;
Line 50: Line 43:
         function ShowPicRI(sImage){
         function ShowPicRI(sImage){
                   $('.tdcontent').stop().animate({width:'565px',height:'800px'}, 800);
                   $('.tdcontent').stop().animate({width:'565px',height:'800px'}, 800);
-
                  $('.tdbacnav').stop().animate({width:'350px'},800);
 
-
                  $('.bacnav').fadeIn(500);
 
                   $('#modelpic').stop().animate({opacity:0}, 400, function() {
                   $('#modelpic').stop().animate({opacity:0}, 400, function() {
                       document.modelpic.src = sImage;
                       document.modelpic.src = sImage;
                       $('#modelpic').animate({opacity:1}, 400);
                       $('#modelpic').animate({opacity:1}, 400);
-
                      $('.bacnav').css({opacity: 1})     
 
                     });
                     });
         }
         }

Revision as of 12:49, 5 September 2011

Model Overview

Redlight ANDGate Bluelight

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