Team:Tec-Monterrey

From 2012.igem.org

(Difference between revisions)
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:500px;
 +
height:290px;
 +
}
 +
.control {
 +
display:block;
 +
width:40px;
 +
height:290px;
 +
text-indent:-10000px;
 +
cursor: pointer;
 +
position:absolute;
 +
top:0;
 +
}
 +
#leftControl {
 +
left:-20;
 +
background:transparent url("https://static.igem.org/mediawiki/igem.org/f/fd/TECMTY_Bgaleria_allergen_normal.png") no-repeat center;
 +
}
 +
#rightControl {
 +
right:0;
 +
background:transparent url("https://static.igem.org/mediawiki/igem.org/6/69/TECMTY_Bgaleria_antifreeze_normal.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(); }
 +
}
});
});
</script>
</script>
Line 262: Line 322:
<div id="slideshow">
<div id="slideshow">
-
<img src="https://static.igem.org/mediawiki/igem.org/6/6b/TECMTY_Galeria_underconstruction.png" alt="Slide1" />
+
<div id="slidesContainer">
 +
<div class="slide">
 +
<img src="https://static.igem.org/mediawiki/igem.org/6/6b/TECMTY_Galeria_underconstruction.png" alt="Slide1" />
 +
</div>
 +
<div class="slide">
 +
<img src="img/1.jpg" alt="Slide2" />
 +
</div>
 +
<div class="slide">
 +
<img src="img/1.jpg" alt="Slide3" />
 +
</div>
 +
<div class="slide">
 +
<img src="img/1.jpg" alt="Slide4" />
 +
</div>
 +
<div class="slide">
 +
<img src="img/1.jpg" alt="Slide5" />
 +
</div>
 +
</div>
</div>
</div>

Revision as of 17:30, 10 July 2012

Tec Igem 2012 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

welcome
Slide1
Slide2
Slide3
Slide4
Slide5
We are team Tec-Monterrey
 
 
 

Retrieved from "http://2012.igem.org/Team:Tec-Monterrey"