Team:Manchester/imageSlider

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team:Manchester/layout/noheader}} <html> <head> <script type='text/javascript' src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type='text/javascript' src="...")
Line 26: Line 26:
  }
  }
</script>
</script>
-
</head>
 
<style type="text/css">
<style type="text/css">
Line 40: Line 39:
width:600px;
width:600px;
height:300px;
height:300px;
-
border:1px solid black;
 
overflow:hidden;
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
+
.slider img
{
{
display:none;
display:none;
Line 52: Line 53:
</style>
</style>
 +
</head>
<body onLoad="showImage();">
<body onLoad="showImage();">
 +
             <div class="slider">
             <div class="slider">
-
                   <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg" />
+
                   <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" />
+
          <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" />
+
          <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" />
+
          <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" />
+
          <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" />
+
                   <img src="https://static.igem.org/mediawiki/2013/b/bb/Attributions1.jpg" id="6"/>
           </div>
           </div>
</body>
</body>
</html>
</html>

Revision as of 02:01, 29 July 2013