Template:Team:KIT-Kyoto/hp

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
$(".hp_img").eq(hpnum).stop().animate({"width":"60px","height":"60px","margin-left":"-2px","margin-top":"-10px"},100,'linear').css({"border-radius":"60px","-webkit-border-radius":"60px","-moz-border-radius":"60px"});
$(".hp_img").eq(hpnum).stop().animate({"width":"60px","height":"60px","margin-left":"-2px","margin-top":"-10px"},100,'linear').css({"border-radius":"60px","-webkit-border-radius":"60px","-moz-border-radius":"60px"});
});
});
-
     $('.pic img:gt(0)').hide();
+
 
-
     setInterval(function() {
+
var loop = setInterval(function() {
-
      $('.pic :first-child').fadeOut(2000)
+
     var clone = $(".pic li:first").clone(true);
-
         .next('img').fadeIn(2000) 
+
     $(".pic li:first").animate({
-
      .end().appendTo('.pic');
+
    marginTop : "-225px"
-
     }, 7000);
+
    }, {
 +
    duration : 500,
 +
    complete : function() {
 +
        $(".pic li:first").remove();
 +
         clone.clone(true).insertAfter($(".pic li:last"));
 +
     }
 +
    });
 +
}, 1500);
});   
});   
</script>
</script>
Line 90: Line 97:
margin-left:20px;
margin-left:20px;
}
}
-
 
.pic {  
.pic {  
-
position: relative; 
+
  float: left;
-
left:0;  
+
  list-style: none;
-
top:0;
+
  height: 280px;
-
z-index: 1;  
+
  overflow: hidden;
-
height: 300px;  
+
  position: relative;
-
width: 225px;
+
  top: 10px;
-
margin:10px 0px;
+
-
}
+
-
 
+
-
.pic img {
+
-
position: relative;
+
-
width: 300px;
+
-
height: 225px;
+
-
left:0;
+
-
top:0;  
+
}
}
</style>
</style>

Revision as of 06:18, 26 September 2014

Retrieved from "http://2014.igem.org/Template:Team:KIT-Kyoto/hp"