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
-
}, 7000); //Timer speed in milliseconds (3 seconds)
+
}, 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: 790px;
+
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: 40px; right: -7px;
+
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">
-
                     <a href="http://www.designbombs.com/tag/slider/"><img src="http://www.sohtanaka.com/web-design/examples/image-slider/reel_1.jpg" alt="" /></a>
+
                     <img src="https://static.igem.org/mediawiki/2010/1/1d/Jam_09_jillians_rotator.jpg" alt="" />
-
                     <a href="http://www.designbombs.com/tag/slider/"><img src="http://www.sohtanaka.com/web-design/examples/image-slider/reel_2.jpg" alt="" /></a>
+
                     <img src="https://static.igem.org/mediawiki/2010/8/86/Jam_09_rotator_1.jpg" alt="" />
-
                     <a href="http://www.designbombs.com/tag/slider/"><img src="http://www.sohtanaka.com/web-design/examples/image-slider/reel_3.jpg" alt="" /></a>
+
                     <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

1 2 3 4
Include:
  • team list
  • team wikis