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