"
Team:Manchester/Outreachtest
From 2013.igem.org
(Difference between revisions)
Abramov denn (Talk | contribs) |
Abramov denn (Talk | contribs) |
||
| Line 1: | Line 1: | ||
{{:Team:Manchester/layout/noheader}} | {{:Team:Manchester/layout/noheader}} | ||
{{:Team:Manchester/Navbartest}} | {{:Team:Manchester/Navbartest}} | ||
| - | |||
<html> | <html> | ||
<head> | <head> | ||
| - | <title> | + | <title> Science Stars </title> |
| + | <script type='text/javascript' src="http://code.jquery.com/jquery-1.8.0.min.js"></script> | ||
| + | <script type='text/javascript' src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> | ||
| + | |||
| + | <script type='text/javascript'> | ||
| + | function showImage() | ||
| + | { | ||
| + | $(".slider #1").fadeIn(500); | ||
| + | $(".slider #1").delay(2000).fadeOut(500); | ||
| + | |||
| + | var size = $(".slider img").size(); | ||
| + | var count = 2; | ||
| + | |||
| + | setInterval(function() { | ||
| + | $(".slider #"+count).fadeIn(500); | ||
| + | $(".slider #"+count).delay(2000).fadeOut(500); | ||
| + | |||
| + | if(count == size){ | ||
| + | count = 1; | ||
| + | }else{ | ||
| + | count = count + 1;} | ||
| + | },3000); | ||
| + | } | ||
| + | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
| Line 90: | Line 112: | ||
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
| + | } | ||
| + | |||
| + | .slider | ||
| + | { | ||
| + | position:absolute; | ||
| + | top:300px; | ||
| + | left:200px; | ||
| + | width:600px; | ||
| + | height:300px; | ||
| + | overflow:hidden; | ||
| + | |||
| + | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
| + | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
| + | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | ||
| + | } | ||
| + | |||
| + | .slider img | ||
| + | { | ||
| + | display:none; | ||
| + | width:600px; | ||
| + | height:300px; | ||
} | } | ||
| Line 121: | Line 164: | ||
<div class="global"> | <div class="global"> | ||
| - | + | <div class="wrapper"> | |
| + | <div class="slider"> | ||
| + | <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg" id="1"/> | ||
| + | <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png" id="2"/> | ||
| + | <img src="https://static.igem.org/mediawiki/2013/c/ce/Humanpractice.jpg" id="3"/> | ||
| + | <img src="https://static.igem.org/mediawiki/2013/0/00/Sponsors.jpg" id="4"/> | ||
| + | <img src="https://static.igem.org/mediawiki/2013/d/d0/Judging.jpg" id="5"/> | ||
| + | <img src="https://static.igem.org/mediawiki/2013/b/bb/Attributions1.jpg" id="6"/> | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 02:12, 29 July 2013
