Team:University College London/js/radio
From 2012.igem.org
(Difference between revisions)
Line 18: | Line 18: | ||
nextEpisode.find('.desc').animate({opacity:0},2); | nextEpisode.find('.desc').animate({opacity:0},2); | ||
window.setTimeout(function() { | window.setTimeout(function() { | ||
- | nextEpisode.animate({left:'728px'},2).show().animate({opacity:1},1).animate({left:'0px'},900); | + | nextEpisode.animate({left:'728px'},2).show().animate({opacity:1},1).animate({left:'0px'},900,"easeInOutCubic"); |
- | currentEpisode.animate({left:'-728px'},1000).animate({opacity:0},2,function(){ | + | currentEpisode.animate({left:'-728px'},1000,"easeInOutCubic").animate({opacity:0},2,function(){ |
currentEpisode = nextEpisode; animateEpisodeIn(); | currentEpisode = nextEpisode; animateEpisodeIn(); |
Revision as of 09:19, 15 August 2012
$(document).ready(function(){
var episodes = $('#slidecontainer').children(); episodes.first().animate({opacity:1},2);
var currentEpisode = episodes.first(); var currI = 0;
function animateEpisodeIn(){ currentEpisode.find('.bg').animate({bottom:'0px',opacity:0.8},2000,function(){ currentEpisode.find('.desc').animate({opacity:1},1000,function(){ var nextEpisode = currentEpisode.next(); currI += 1; if(currI == episodes.length){ nextEpisode = episodes.first(); currI = 0; }
nextEpisode.find('.bg').animate({bottom:'-59px',opacity:0},2); nextEpisode.find('.desc').animate({opacity:0},2);
window.setTimeout(function() {
nextEpisode.animate({left:'728px'},2).show().animate({opacity:1},1).animate({left:'0px'},900,"easeInOutCubic"); currentEpisode.animate({left:'-728px'},1000,"easeInOutCubic").animate({opacity:0},2,function(){
currentEpisode = nextEpisode; animateEpisodeIn(); }); }, 5000);
}); }); }
animateEpisodeIn();
});