|
|
| Line 1: |
Line 1: |
| | {{Team:UC_Davis/Head}} | | {{Team:UC_Davis/Head}} |
| - | | + | {{Team:UC_Davis/Slideshow}} |
| | <html> | | <html> |
| | <head> | | <head> |
| - | <!-- Head Scripts -->
| |
| - | <script src="https://2013.igem.org/wiki/skins/common/ajax.js?270"></script>
| |
| - | <script src="https://2013.igem.org/wiki/skins/common/mwsuggest.js?270"></script>
| |
| - | <script type="text/javascript" src="https://2013.igem.org/wiki/index.php? title=-&action=raw&gen=js&useskin=igem"><!-- site js --></script>
| |
| - | <!-- jQuery Javascript -->
| |
| - | <script type="text/javascript" src ="https://2013.igem.org/common/jquery-latest.min.js"></script>
| |
| - | <!-- End head Scripts -->
| |
| - |
| |
| - |
| |
| - | <!-- slide script starts here -->
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | function slider() {
| |
| - | var $current = $('#slides IMG.current');
| |
| - |
| |
| - | if ( $current.length == 0 ) $current = $('#slides IMG:last');
| |
| - | var $next = $current.next().length ? $current.next()
| |
| - | : $('#slides IMG:first');
| |
| - |
| |
| - | $current.addClass('previous');
| |
| - | $next.css({opacity: 0.0})
| |
| - | .addClass('current')
| |
| - | .animate({opacity: 1.0}, 2500, function() {
| |
| - | $current.removeClass('current previous');
| |
| - | });
| |
| - |
| |
| - | var $navicurrent = $('.progress li.current');
| |
| - | if($navicurrent.length ==0) $navicurrent = $('.progress li:last');
| |
| - | var $navinext = $navicurrent.next().length ? $navicurrent.next() : $('.progress li:first');
| |
| - | $navicurrent.addClass('previous');
| |
| - | $navicurrent.removeClass('current previous');
| |
| - | $navinext.addClass('current').animate({opacity: 1.0}, 2500, function() {
| |
| - | });
| |
| - |
| |
| - |
| |
| - | }
| |
| - | $(function() {
| |
| - | setInterval( "slider()", 5000 );
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | </script>
| |
| - | <!-- end slide scripts -->
| |
| - |
| |
| - |
| |
| - |
| |
| - | <style type="text/css">
| |
| - |
| |
| - | #slides {
| |
| - | position:relative;
| |
| - | height:280px;
| |
| - | width: 840px;
| |
| - | border-radius: 10px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #slides IMG {
| |
| - | position:absolute;
| |
| - | opacity:0.0;
| |
| - | top:0px;
| |
| - | left:55px;
| |
| - | border-radius: 10px;
| |
| - | z-index:1;
| |
| - | }
| |
| - |
| |
| - | #slides .current {
| |
| - | z-index:3;
| |
| - | opacity:1.0;
| |
| - | border-radius: 10px;
| |
| - | }
| |
| - |
| |
| - | #slides .previous {
| |
| - | z-index:2;
| |
| - | }
| |
| - |
| |
| - | #twitter {float:right; width:220px; height:300px; margin-top: 5px;}
| |
| - |
| |
| - | </style>
| |
| - |
| |
| | </head> | | </head> |
| | <body> | | <body> |
| - | <div class="floatbox"> | + | |
| | + | <!-- slide show begins here --> |
| | <div id="slides"> | | <div id="slides"> |
| - | <img src="https://static.igem.org/mediawiki/2013/b/bf/RiboTal_Slide_1.JPG" width="600" height="280" alt="" class="current" /> | + | <img src="https://static.igem.org/mediawiki/2013/b/bf/RiboTal_Slide_1.JPG" height="280" alt="" class="current" /> |
| - | <img src="https://static.igem.org/mediawiki/2013/f/fc/RiboTal_Slide2.JPG" width="600" height="280" alt="" /> | + | <img src="https://static.igem.org/mediawiki/2013/f/fc/RiboTal_Slide2.JPG" height="280" alt="" /> |
| - | <img src="https://static.igem.org/mediawiki/2013/a/a5/RiboTal_Slide_3.JPG" width="600" height="280" alt="" /> | + | <img src="https://static.igem.org/mediawiki/2013/a/a5/RiboTal_Slide_3.JPG" height="280" alt="" /> |
| - | </div>
| + | |
| | </div> | | </div> |
| | | | |
| | <!-- slide show ends here --> | | <!-- slide show ends here --> |
| | + | |
| | + | |
| | | | |
| | <div id="projectbox'> | | <div id="projectbox'> |
"
