Team:Tec-Monterrey
From 2011.igem.org
(Difference between revisions)
(41 intermediate revisions not shown) | |||
Line 62: | Line 62: | ||
body { | body { | ||
font: 12px Tahoma, Geneva, sans-serif; | font: 12px Tahoma, Geneva, sans-serif; | ||
- | background-image: url(https://static.igem.org/mediawiki/ | + | background-image: url(https://static.igem.org/mediawiki/2011/4/43/Lefondoleposter.png); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
background-size: 100%; | background-size: 100%; | ||
Line 239: | Line 239: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
<!-- | <!-- | ||
- | + | var noimg = 0; | |
- | + | var i = 0; | |
+ | var st1 = 100; | ||
+ | var st2 = 0; | ||
+ | var speed = 10; | ||
//url goes here | //url goes here | ||
var imgname = new Array(); | var imgname = new Array(); | ||
- | imgname[0] = "https://static.igem.org/mediawiki/2011/ | + | imgname[0] = "https://static.igem.org/mediawiki/2011/a/a0/Home01.png"; |
- | + | imgname[1] = "https://static.igem.org/mediawiki/2011/4/45/Home02.png"; | |
- | imgname[2] = "https://static.igem.org/mediawiki/2011/6/ | + | imgname[2] = "https://static.igem.org/mediawiki/2011/6/6a/Home03.png"; |
- | + | imgname[3] = "https://static.igem.org/mediawiki/2011/d/dd/Home04.png"; | |
- | + | imgname[4] = "https://static.igem.org/mediawiki/2011/e/ec/Home05.png"; | |
- | + | imgname[5] = "https://static.igem.org/mediawiki/2011/0/03/Home06.png"; | |
- | + | ||
- | + | function changeImg(n) { | |
var name = imgname[n]; | var name = imgname[n]; | ||
- | document.getElementById('imagered').src=name; | + | var imgobj = document.getElementById('imagered'); |
+ | animTransA(); | ||
+ | imgobj.src = name; | ||
+ | animTransB(); | ||
} | } | ||
+ | function resetAuto(num) { | ||
+ | noimg = num; | ||
+ | clearTimeout(timg); | ||
+ | autoChangeImg(); | ||
+ | } | ||
+ | |||
+ | function autoChangeImg() { | ||
+ | var s = 500; /*ms*/ | ||
+ | changeImg(noimg); | ||
+ | noimg++; | ||
+ | if (noimg > 4) { noimg = 0;} | ||
+ | timg = setTimeout("autoChangeImg()",10*s); | ||
+ | } | ||
+ | function animTransA() { | ||
+ | st1 -= speed; | ||
+ | img = document.getElementById('imagered'); | ||
+ | img.style.opacity = st1/100; | ||
+ | img.style.filter = 'alpha(opacity=' + st1 + ')'; | ||
+ | if (st1 > 0) { t2=setTimeout("animTransA()",50); } | ||
+ | else { st1 = 100;} | ||
+ | } | ||
+ | function animTransB () { | ||
+ | st2 += speed; | ||
+ | img = document.getElementById('imagered'); | ||
+ | img.style.opacity = st2/100; | ||
+ | img.style.filter = 'alpha(opacity=' + st2 + ')'; | ||
+ | if (st2 < 100) { t3=setTimeout("animTransB()",50); } | ||
+ | else { st2 = 0;} | ||
+ | } | ||
+ | function resetAlpha() { | ||
+ | clearTimeout(t2); | ||
+ | clearTimeout(t3); | ||
+ | img = document.getElementById('imagered'); | ||
+ | img.style.opacity = 1; | ||
+ | st1 = 100; st2 = 0; | ||
+ | img.style.filter = 'alpha(opacity=' + 100 + ')'; | ||
+ | } | ||
+ | |||
// ----------------------------------------------------------------------------------------------- | // ----------------------------------------------------------------------------------------------- | ||
Line 473: | Line 517: | ||
</script> | </script> | ||
- | </head><body> | + | </head><body onLoad = "autoChangeImg();"> |
<div class="container"> | <div class="container"> | ||
Line 480: | Line 524: | ||
<div style="filter:alpha(opacity=70);opacity:.7;"> | <div style="filter:alpha(opacity=70);opacity:.7;"> | ||
- | <img src="https://static.igem.org/mediawiki/2011/2/20/Logotec.png" alt="ITESM" name="teclogo" width=" | + | <a href="http://www.itesm.edu/wps/portal?WCM_GLOBAL_CONTEXT="><img src="https://static.igem.org/mediawiki/2011/2/20/Logotec.png" alt="ITESM" name="teclogo" width="202" height="72" id="teclogo"> </a> |
<a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/7/73/Logoigemsmall.png" alt="iGEM" name="logoigem" width="70" height="61" id="logoigem"></a> | <a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/7/73/Logoigemsmall.png" alt="iGEM" name="logoigem" width="70" height="61" id="logoigem"></a> | ||
Line 518: | Line 562: | ||
<div class="panelcontent" style=""> | <div class="panelcontent" style=""> | ||
- | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectoverview">overview</a></p> | |
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectparts">parts</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectparts">parts</a></p> | ||
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectmodeling"> | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectmodeling">genetic frame</a></p> |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/ | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults/methods">methods</a></p> |
- | + | ||
- | + | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults">results</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults">results</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamha">human approach</a></p> | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectprotocols">protocols</a><p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectprotocols">protocols</a><p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/safetypage">safety</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectnotebook">notebook</a></p> | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/sampledata">sample data</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sampledata">sample data</a></p> | ||
</div> | </div> | ||
Line 575: | Line 620: | ||
<div style="text-align:center; float:left;"> | <div style="text-align:center; float:left;"> | ||
- | <p><img src="https://static.igem.org/mediawiki/2011/ | + | <p><img src="https://static.igem.org/mediawiki/2011/a/a0/Home01.png" alt="asd" name="image" width="425" height="319" id="imagered" longdesc="http://asdas"> |
</a></p> | </a></p> | ||
<table width="30%" border="0" align="center"> | <table width="30%" border="0" align="center"> | ||
<tbody><tr> | <tbody><tr> | ||
- | <td> <a href=" | + | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/projectdescription" onMouseOver="resetAuto(0)"><img name="boton01" src="https://static.igem.org/mediawiki/2011/5/57/Botones01.png" width="40" height="40"></a> </td> |
- | <td> <a href="#" onMouseOver=" | + | |
- | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/teamha" onMouseOver=" | + | |
- | <td> <a href=" | + | <td> <a href="#" onMouseOver="resetAuto(1)"> |
- | <td> <a href=" | + | <img name="boton02" src="https://static.igem.org/mediawiki/2011/d/d7/Botones02.png" |
+ | width="40" height="40"></a> </td> | ||
+ | |||
+ | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/teamha/AR" onMouseOver="resetAuto(2)"><img name="boton03" src="https://static.igem.org/mediawiki/2011/9/95/Botones03.png" width="40" height="40" ></a> </td> | ||
+ | |||
+ | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/video" onMouseOver="resetAuto(3)"><img name="rouge" src="https://static.igem.org/mediawiki/2011/e/e5/Botones04.png" width="40 height="40"></a> </td> | ||
+ | |||
+ | |||
+ | <td> <a href="http://area.autodesk.com/blogs/cory/maya_igem_and_tec_de_monterrey" onMouseOver="resetAuto(4)"><img name="boton04" src="https://static.igem.org/mediawiki/2011/f/f5/Botones05.png" width="40" height="40" alt="welcome"></a> </td> | ||
+ | |||
+ | |||
+ | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers" onMouseOver="resetAuto(5)"><img name="boton06" src="https://static.igem.org/mediawiki/2011/7/72/Botones06.png" width="40" height="40" ></a> </td> | ||
</tr> | </tr> | ||
</tbody></table> | </tbody></table> | ||
Line 592: | Line 648: | ||
</div> | </div> | ||
- | + | <div class="tweets"> | |
- | <div style="float | + | <div style="float:right;"> |
<script src="http://widgets.twimg.com/j/2/widget.js"></script> | <script src="http://widgets.twimg.com/j/2/widget.js"></script> | ||
<script> | <script> | ||
Line 626: | Line 682: | ||
</script> | </script> | ||
</div> | </div> | ||
- | + | </div> | |
</div> | </div> | ||