Team:Tec-Monterrey
From 2012.igem.org
(Difference between revisions)
(18 intermediate revisions not shown) | |||
Line 148: | 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 205: | Line 237: | ||
$("#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 242: | Line 346: | ||
<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 262: | 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 274: | Line 397: | ||
<tr> | <tr> | ||
<td align="center"> | <td align="center"> | ||
- | + | ||
</td> | </td> | ||
</tr> | </tr> |
Latest revision as of 22:55, 10 October 2012
|