User:Meagan/Image Slider
From 2010.igem.org
< User:Meagan(Difference between revisions)
(5 intermediate revisions not shown) | |||
Line 42: | Line 42: | ||
} | } | ||
rotate(); //Trigger the paging and slider function | rotate(); //Trigger the paging and slider function | ||
- | }, | + | }, 5000); //Timer speed in milliseconds (3 seconds) |
}; | }; | ||
Line 73: | Line 73: | ||
float: left; | float: left; | ||
position: relative; | position: relative; | ||
+ | border: 2px solid black; | ||
+ | width: 960px; | ||
} | } | ||
/*--Window/Masking Styles--*/ | /*--Window/Masking Styles--*/ | ||
.window { | .window { | ||
- | height:286px; width: | + | height:286px; width: 650px; |
overflow: hidden; /*--Hides anything outside of the set width/height--*/ | overflow: hidden; /*--Hides anything outside of the set width/height--*/ | ||
position: relative; | position: relative; | ||
Line 89: | Line 91: | ||
.paging { | .paging { | ||
position: absolute; | position: absolute; | ||
- | bottom: | + | bottom: 10px; right: 357px; |
width: 178px; height:47px; | width: 178px; height:47px; | ||
z-index: 100; /*--Assures the paging stays on the top layer--*/ | z-index: 100; /*--Assures the paging stays on the top layer--*/ | ||
Line 119: | Line 121: | ||
<div class="window"> | <div class="window"> | ||
<div class="image_reel"> | <div class="image_reel"> | ||
- | + | <img src="https://static.igem.org/mediawiki/2010/1/1d/Jam_09_jillians_rotator.jpg" alt="" /> | |
- | + | <img src="https://static.igem.org/mediawiki/2010/8/86/Jam_09_rotator_1.jpg" alt="" /> | |
- | + | <img src="https://static.igem.org/mediawiki/2010/2/23/Jam_09_awards_rotator.jpg" alt="" /> | |
<a href="http://www.designbombs.com/tag/slider/"><img src="http://www.sohtanaka.com/web-design/examples/image-slider/reel_4.jpg" alt="" /></a> | <a href="http://www.designbombs.com/tag/slider/"><img src="http://www.sohtanaka.com/web-design/examples/image-slider/reel_4.jpg" alt="" /></a> | ||
</div> | </div> | ||
Line 132: | Line 134: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | Include: | ||
+ | <ul> | ||
+ | <li>team list</li> | ||
+ | <li>team wikis</li> | ||
+ | </ul> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 01:03, 29 September 2010
Include:
- team list
- team wikis