Difference between revisions of "Template:Tokyo Tech"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
 +
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
 +
 +
<script type="text/javascript">
 +
function slideSwitch() {
 +
  var $active = $('#slideshow img.active');
 +
 +
  if ( $active.length == 0 ) $active = $('#slideshow img:last');
 +
 +
  var $next =  $active.next().length ? $active.next()
 +
      : $('#slideshow img:first');
 +
 +
  $active.addClass('last-active');
 +
 +
  $next.css({opacity: 0.0})
 +
      .addClass('active')
 +
      .animate({opacity: 1.0}, 1000, function() {
 +
          $active.removeClass('active last-active');
 +
      });
 +
}
 +
 +
$(function() {
 +
  setInterval( "slideSwitch()", 3000 );
 +
});
 +
</script>
  
 
<style type="text/css">
 
<style type="text/css">
 
<!--
 
<!--
 +
 +
p.resizeimage img { width: 100%; }
 +
 +
#slideshow img {
 +
  position: absolute;
 +
  top: 150;
 +
  left:0;
 +
  z-index: 8;
 +
  opacity: 0.0;
 +
}
 +
#slideshow img.active {
 +
  z-index: 10;
 +
  opacity: 1.0;
 +
}
 +
#slideshow img.last-active {
 +
  z-index: 9;
 +
}
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
  
Line 410: Line 452:
  
 
</div>
 
</div>
 +
 +
<p id="slideshow" class="resizeimage">
 +
    <img src="https://static.igem.org/mediawiki/2016/1/14/T--Tokyo_Tech--slide1.png" alt="" class="active" />
 +
    <img src="https://static.igem.org/mediawiki/2016/7/72/T--Tokyo_Tech--slide2.png" alt="" />
 +
    <img src="https://static.igem.org/mediawiki/2016/5/5a/T--Tokyo_Tech--slide3.png" alt="" />
 +
    <img src="https://static.igem.org/mediawiki/2016/9/95/T--Tokyo_Tech--slide4.png" alt="" />
 +
    <img src="https://static.igem.org/mediawiki/2016/a/ad/T--Tokyo_Tech--slide5.png" alt="" />
 +
    <img src="https://static.igem.org/mediawiki/2016/5/52/T--Tokyo_Tech--slide6.png" alt="" />
 +
    <img src="https://static.igem.org/mediawiki/2016/f/ff/T--Tokyo_Tech--slide7.png" alt="" />
 +
    <img src="https://static.igem.org/mediawiki/2016/c/c9/T--Tokyo_Tech--slide8.png" alt="" />
 +
</p>
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>
 
{{Team:Tokyo_Tech/template2016}}
 
{{Team:Tokyo_Tech/template2016}}

Revision as of 20:45, 18 October 2016