|
|
| Line 1: |
Line 1: |
| - | {{CSS/MainPage2014_highlights_style}}
| |
| - | <html xmlns="http://www.w3.org/1999/xhtml">
| |
| - | <head>
| |
| - | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
| |
| | | | |
| - | <style type="text/css">
| |
| - |
| |
| - |
| |
| - |
| |
| - | #slideshow {
| |
| - | position:relative;
| |
| - | }
| |
| - | #slideshow #slidesContainer {
| |
| - | margin:0 auto;
| |
| - | width:975px;
| |
| - | height:250px;
| |
| - | overflow:auto;
| |
| - | }
| |
| - | #slideshow #slidesContainer .slide {
| |
| - | margin:0 auto;
| |
| - | width:975px;
| |
| - | height:250px;
| |
| - | }
| |
| - | .control {
| |
| - | display:block;
| |
| - | width:40px
| |
| - | height:290px;
| |
| - | text-indent:-10000px;
| |
| - | cursor: pointer;
| |
| - | position:absolute;
| |
| - | top:0;
| |
| - | }
| |
| - | #leftControl {
| |
| - | top:110px;
| |
| - | left:0;
| |
| - | background:transparent url("https://static.igem.org/mediawiki/2014/6/6d/Slideleft.png") no-repeat center;
| |
| - | }
| |
| - | #rightControl {
| |
| - | top:110px;
| |
| - | right:0;
| |
| - | background:transparent url("https://static.igem.org/mediawiki/2014/2/25/Slideright.png") no-repeat center;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | -->
| |
| - | </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);
| |
| - | });
| |
| - |
| |
| - | //Slides
| |
| - | var currentPos = 0;
| |
| - | var sWidth = 975;
| |
| - | 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(); }
| |
| - | }
| |
| - |
| |
| - | function changeSlide(position) {
| |
| - | $('#slideInner').animate({
| |
| - | 'marginLeft' : sWidth*(-position)
| |
| - | });
| |
| - | }
| |
| - | window.setInterval(function() {
| |
| - | currentPos++;
| |
| - | if (currentPos >= 7)
| |
| - | currentPos = 0;
| |
| - | manageControls(currentPos);
| |
| - | changeSlide(currentPos);
| |
| - | }, 6000);
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div>
| |
| - | <br><br><br><br>
| |
| - | <div class="content" id="div_content">
| |
| - | <table align="center">
| |
| - |
| |
| - | <tr>
| |
| - | <td>
| |
| - |
| |
| - | <div id="slideshow">
| |
| - | <div id="slidesContainer">
| |
| - | <div class="slide">
| |
| - | <a href=""><img src="https://static.igem.org/mediawiki/2014/7/74/Heidelberg_mainpage.jpg" alt="Slide1" /></a>
| |
| - | </div>
| |
| - | <div class="slide">
| |
| - | <a href=""><img src="https://static.igem.org/mediawiki/2014/0/03/Ucdavis_mainpage.jpg" alt="Slide2" /></a>
| |
| - | </div>
| |
| - | <div class="slide">
| |
| - | <a href=""><img src="https://static.igem.org/mediawiki/2014/8/82/Wageningen_mainpage.jpg" alt="Slide3" /></a>
| |
| - | </div>
| |
| - | <div class="slide">
| |
| - | <a href=""><img src="https://static.igem.org/mediawiki/2014/b/bd/Tudarmstad_mainpage.jpg" alt="Slide4" /></a>
| |
| - | </div>
| |
| - | <div class="slide">
| |
| - | <a href=""><img src="https://static.igem.org/mediawiki/2014/e/e0/Imperial_mainpage.jpg" alt="Slide5" /></a>
| |
| - | </div>
| |
| - | <div class="slide">
| |
| - | <a href=""><img src="https://static.igem.org/mediawiki/2014/2/2c/Nctuformosa_mainpage.jpg" alt="Slide6" /></a>
| |
| - | </div>
| |
| - |
| |
| - | <div class="slide">
| |
| - | <a href=""><img src="https://static.igem.org/mediawiki/2014/a/ae/Sumbawagen_charimansprize.jpg" alt="Slide7" /></a>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | </td>
| |
| - | </tr>
| |
| - |
| |
| - | </table>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
"
