|
|
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 452: |
Line 410: |
| | | |
| </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}} |