Team:Tec-Monterrey
From 2012.igem.org
(Difference between revisions)
(25 intermediate revisions not shown) | |||
Line 27: | Line 27: | ||
display: none; | display: none; | ||
} | } | ||
- | #menubar { background: none repeat transparent;} | + | #menubar { background: none repeat transparent; display:none;} |
#menubar ul li a { color: white; } | #menubar ul li a { color: white; } | ||
.right-menu li a { | .right-menu li a { | ||
Line 120: | Line 120: | ||
} | } | ||
.logo { | .logo { | ||
+ | border:none; | ||
width:145px; | width:145px; | ||
height:145px; | height:145px; | ||
Line 141: | Line 142: | ||
.menu #bt4:hover{ background:url(https://static.igem.org/mediawiki/igem.org/c/cc/TECMTY_Extras_hover.jpg) no-repeat;} | .menu #bt4:hover{ background:url(https://static.igem.org/mediawiki/igem.org/c/cc/TECMTY_Extras_hover.jpg) no-repeat;} | ||
.menu #bt5{ background:url(https://static.igem.org/mediawiki/2012/7/7e/TECMTY_Team_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | .menu #bt5{ background:url(https://static.igem.org/mediawiki/2012/7/7e/TECMTY_Team_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | ||
- | .menu #bt5:hover{ background:url( | + | .menu #bt5:hover{ background:url(https://static.igem.org/mediawiki/2012/e/ed/TECMTY_Team_hover.jpg) no-repeat;} |
.content #s1,#s2,#s3{ background:url(https://static.igem.org/mediawiki/igem.org/f/fd/TECMTY_Bgaleria_allergen_normal.png) no-repeat; border:none; height:25px; width:35px;} | .content #s1,#s2,#s3{ background:url(https://static.igem.org/mediawiki/igem.org/f/fd/TECMTY_Bgaleria_allergen_normal.png) no-repeat; border:none; height:25px; width:35px;} | ||
Line 147: | Line 148: | ||
.content #s4,#s5,#s6{ background:url(https://static.igem.org/mediawiki/igem.org/6/69/TECMTY_Bgaleria_antifreeze_normal.png) no-repeat; border:none; height:25px; width:35px;} | .content #s4,#s5,#s6{ background:url(https://static.igem.org/mediawiki/igem.org/6/69/TECMTY_Bgaleria_antifreeze_normal.png) no-repeat; border:none; height:25px; width:35px;} | ||
.content #s4:hover,#s5:hover,#s6:hover { background:url(https://static.igem.org/mediawiki/igem.org/7/7e/TECMTY_Bgaleria_antifreeze_selec.png) no-repeat;} | .content #s4:hover,#s5:hover,#s6:hover { background:url(https://static.igem.org/mediawiki/igem.org/7/7e/TECMTY_Bgaleria_antifreeze_selec.png) no-repeat;} | ||
+ | |||
+ | #slideshow { | ||
+ | position:relative; | ||
+ | } | ||
+ | #slideshow #slidesContainer { | ||
+ | margin:0 auto; | ||
+ | width:520px; | ||
+ | height:290px; | ||
+ | overflow:auto; | ||
+ | } | ||
+ | #slideshow #slidesContainer .slide { | ||
+ | margin:0 auto; | ||
+ | width:600px; | ||
+ | height:290px; | ||
+ | } | ||
+ | .control { | ||
+ | display:block; | ||
+ | width:40px; | ||
+ | height:290px; | ||
+ | text-indent:-10000px; | ||
+ | cursor: pointer; | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | } | ||
+ | #leftControl { | ||
+ | left:0; | ||
+ | background:transparent url("https://static.igem.org/mediawiki/2012/5/52/TECMTY_Galeria_izquierda.png") no-repeat center; | ||
+ | } | ||
+ | #rightControl { | ||
+ | right:0; | ||
+ | background:transparent url("https://static.igem.org/mediawiki/2012/1/12/TECMTY_Galeria_derecha.png") no-repeat center; | ||
+ | } | ||
.foot-left { | .foot-left { | ||
Line 168: | Line 201: | ||
$("#div_content").hide(); | $("#div_content").hide(); | ||
$("#div_content").fadeIn(1000); | $("#div_content").fadeIn(1000); | ||
- | $("# | + | $("#logo").click(function() { |
window.setTimeout(function() { | window.setTimeout(function() { | ||
document.location.href="https://2012.igem.org/Team:Tec-Monterrey" | 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); | }, 1000); | ||
$("#div_content").fadeOut(1000); | $("#div_content").fadeOut(1000); | ||
Line 176: | Line 215: | ||
$("#bt2").click(function() { | $("#bt2").click(function() { | ||
window.setTimeout(function() { | window.setTimeout(function() { | ||
- | document.location.href="https://2012.igem.org/Team:Tec-Monterrey" | + | document.location.href="https://2012.igem.org/Team:Tec-Monterrey/antifreeze/project" |
}, 1000); | }, 1000); | ||
$("#div_content").fadeOut(1000); | $("#div_content").fadeOut(1000); | ||
Line 182: | Line 221: | ||
$("#bt3").click(function() { | $("#bt3").click(function() { | ||
window.setTimeout(function() { | window.setTimeout(function() { | ||
- | document.location.href="https://2012.igem.org/Team:Tec-Monterrey" | + | document.location.href="https://2012.igem.org/Team:Tec-Monterrey/hpractice" |
}, 1000); | }, 1000); | ||
$("#div_content").fadeOut(1000); | $("#div_content").fadeOut(1000); | ||
Line 188: | Line 227: | ||
$("#bt4").click(function() { | $("#bt4").click(function() { | ||
window.setTimeout(function() { | window.setTimeout(function() { | ||
- | document.location.href="https://2012.igem.org/Team:Tec-Monterrey" | + | document.location.href="https://2012.igem.org/Team:Tec-Monterrey/extras" |
}, 1000); | }, 1000); | ||
$("#div_content").fadeOut(1000); | $("#div_content").fadeOut(1000); | ||
Line 194: | Line 233: | ||
$("#bt5").click(function() { | $("#bt5").click(function() { | ||
window.setTimeout(function() { | window.setTimeout(function() { | ||
- | document.location.href="https://2012.igem.org/Team:Tec-Monterrey" | + | document.location.href="https://2012.igem.org/Team:Tec-Monterrey/team" |
}, 1000); | }, 1000); | ||
$("#div_content").fadeOut(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('<div id="slideInner"></div>'); | ||
+ | slides.css({ | ||
+ | 'float':'left', | ||
+ | 'width':sWidth | ||
+ | }); | ||
+ | $('#slideInner').css('width',sWidth*numSlides); | ||
+ | $('#slideshow').prepend('<span class="control" id="leftControl">Move left</span>'); | ||
+ | $('#slideshow').append('<span class="control" id="rightControl">Move right</span>'); | ||
+ | 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> | </script> | ||
Line 229: | Line 340: | ||
<div class="container"> | <div class="container"> | ||
<div class="header"> | <div class="header"> | ||
- | <div | + | <div> |
+ | <button type="button" id="logo" class="logo"> </button> | ||
</div> | </div> | ||
<div class="menu" align="right"> | <div class="menu" align="right"> | ||
<table> | <table> | ||
<tr> | <tr> | ||
- | <td align="right"><button type="button" id="sp1" onclick="document.location.href='https://2012.igem.org/Main_Page'"> </button></td> | + | <td align="right"> |
+ | <img src="https://static.igem.org/mediawiki/2012/d/d6/TECMTY_BANNER_SMALL.JPG" /> | ||
+ | <button type="button" id="sp1" onclick="document.location.href='https://2012.igem.org/Main_Page'"> </button> | ||
+ | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
Line 254: | Line 369: | ||
<div id="slideshow"> | <div id="slideshow"> | ||
- | <img src="https://static.igem.org/mediawiki/igem.org/ | + | <div id="slidesContainer"> |
+ | <div class="slide"> | ||
+ | <a href=""><img src="https://static.igem.org/mediawiki/igem.org/4/47/TECMTY_Logotecmty.gif" alt="" /></a> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <a href="https://dl.dropbox.com/u/23640080/ProjectDocumentationTecMty.pdf"><img src="https://static.igem.org/mediawiki/igem.org/2/24/TECMTY_Galeria_main.png" alt="Slide2" /></a> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <a href="https://2012.igem.org/Team:Tec-Monterrey/hpractice"><img src="https://static.igem.org/mediawiki/igem.org/5/51/TECMTY_Galeria_juegos.jpg" alt="Slide3" /></a> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <a href="https://2012.igem.org/Team:Tec-Monterrey/allergen/project"><img src="https://static.igem.org/mediawiki/igem.org/f/f9/TECMTY_Allergen.gif" alt="Slide4" /></a> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <a href="https://2012.igem.org/Team:Tec-Monterrey/antifreeze/project"><img src="https://static.igem.org/mediawiki/igem.org/5/56/TECMTY_Antifreeze.gif" alt="Slide5" /></a> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
Line 266: | Line 397: | ||
<tr> | <tr> | ||
<td align="center"> | <td align="center"> | ||
- | + | ||
</td> | </td> | ||
</tr> | </tr> |
Latest revision as of 22:55, 10 October 2012
|