Team:Michigan/Test Css

From 2012.igem.org

(Difference between revisions)
Line 3: Line 3:
<script type="text/javascript">
<script type="text/javascript">
-
$("#slideshow img:gt(0)").hide();
 
-
setInterval(function() {  
+
$(function(){
-
  $('#slideshow :first')
+
$('.slideshow img:gt(0)')
-
    .fadeOut(1000)
+
        .hide();
-
    .next('img')
+
setInterval(function(){
-
    .fadeIn(1000)
+
        $('.fadein :first-child')
-
    .end()
+
        .fadeOut()
-
    .appendTo('#slideshow');
+
        .next('img')
-
}, 6000);
+
        .fadeIn()
 +
        .end()
 +
        .appendTo('.slideshow');}, 3000);
 +
});
Line 72: Line 74:
-
#slideshow img { position:absolute; left:10; top:10; }
+
.slideshow img { position:absolute; left:10; top:10; }
-
#slideshow {  
+
.slideshow {  
     margin: -375px 0px 0px 400px;  
     margin: -375px 0px 0px 400px;  
     position: absolute;  
     position: absolute;  
Line 83: Line 85:
}
}
-
#slideshow > div {
 
-
    position: absolute;
 
-
    top: 10px;
 
-
    left: 10px;
 
-
    right: 10px;
 
-
    bottom: 10px;
 
-
}
 
#footer-box {
#footer-box {
Line 302: Line 297:
</div>
</div>
-
                                 <div id="slideshow">
+
                                 <div class="slideshow">
                                        
                                        
                                           <img src="https://static.igem.org/mediawiki/2012/0/0d/Michigan_%29Random_Team_1.png" alt=""></img>
                                           <img src="https://static.igem.org/mediawiki/2012/0/0d/Michigan_%29Random_Team_1.png" alt=""></img>

Revision as of 23:48, 6 August 2012

Xayona Website Template