Team:Ciencias-UNAM/Safety
From 2012.igem.org
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Tec Igem 2012</title> <style type="text/css"> </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#div_content").hide(); $("#div_content").fadeIn(1000); $("#logo").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey" }, 1000); $("#div_content").fadeOut(1000); }); $("#bt1").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey/allergen/project" }, 1000); $("#div_content").fadeOut(1000); }); $("#bt2").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey/antifreeze/project" }, 1000); $("#div_content").fadeOut(1000); }); $("#bt3").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey/hpractice" }, 1000); $("#div_content").fadeOut(1000); }); $("#bt4").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey/extras" }, 1000); $("#div_content").fadeOut(1000); }); $("#bt5").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey/team" }, 1000); $("#div_content").fadeOut(1000); }); //Slides var currentPos = 0; var sWidth = 520; var slides = $('.slide'); var numSlides = slides.length; $('#slidesContainer').css('overflow','hidden'); slides.wrapAll('
');slides.css({ 'float':'left', 'width':sWidth }); $('#slideInner').css('width',sWidth*numSlides); $('#slideshow').prepend('Move left'); $('#slideshow').append('Move right'); manageControls(currentPos); $('.control').bind('click', function() { currentPos = ($(this).attr('id') == 'rightControl') ? currentPos+1 : currentPos-1; manageControls(currentPos); $('#slideInner').animate({ 'marginLeft' : sWidth*(-currentPos) }); }); function manageControls(position) { if(position == 0) { $('#leftControl').hide(); } else { $('#leftControl').show(); } if(position == numSlides-1) { $('#rightControl').hide(); } else { $('#rightControl').show(); } } //Slide Buttons $("#s1").click(function() { currentPos = 0; manageControls(currentPos); changeSlide(currentPos); }); $("#s2").click(function() { currentPos = 1; manageControls(currentPos); changeSlide(currentPos); }); $("#s3").click(function() { currentPos = 2; manageControls(currentPos); changeSlide(currentPos); }); $("#s4").click(function() { currentPos = 3; manageControls(currentPos); changeSlide(currentPos); }); $("#s5").click(function() { currentPos = 4; manageControls(currentPos); changeSlide(currentPos); }); $("#s6").click(function() { currentPos = 5; manageControls(currentPos); changeSlide(currentPos); }); function changeSlide(position) { $('#slideInner').animate({ 'marginLeft' : sWidth*(-position) }); } window.setInterval(function() { currentPos++; if (currentPos >= numSlides) currentPos = 0; manageControls(currentPos); changeSlide(currentPos); }, 5000);
}); </script> </head>
<body>
<img src="" alt="1" /> <img src="" alt="2" /> <img src="" alt="3" /> <img src="" alt="4" /> <img src="" alt="5" /> <img src="" alt="6" /> <img src="" alt="7" /> <img src="" alt="8" /> <img src="" alt="9" /> <img src="2012." alt="10" /> <img src="2012." alt="11" /> <img src="" alt="12" /> <img src="" alt="13" /> <img src="" alt="14" /> <img src="" alt="15" /> <img src="" alt="16" /> <img src="" alt="17" /> <img src="" alt="18" /> <img src="" alt="19" /> <img src="" alt="20" />
<button type="button" id="logo" class="logo"> </button>
<img src="" alt="welcome" longdesc="welcome" /> |
|
<button type="button" id="s1"> </button><button type="button" id="s2"> </button><button type="button" id="s3"> </button><button type="button" id="s4"> </button><button type="button" id="s5"> </button><button type="button" id="s6"> </button> |
Read more about them in the tabs above. |
</body>