Team:University College London/js/radio

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
$(document).ready(function(){
$(document).ready(function(){
       var episodes = $('#slidecontainer').children();
       var episodes = $('#slidecontainer').children();
-
       episodes.first().show();
+
       episodes.first().animate({opacity:1},2);
       var currentEpisode = episodes.first();
       var currentEpisode = episodes.first();

Revision as of 09:15, 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;
                           }
                    window.setTimeout(function() {

nextEpisode.animate({left:'728px'},2).show().animate({opacity:1},1).animate({left:'0px'},900); currentEpisode.animate({left:'-728px'},1000).animate({opacity:0},2,function(){currentEpisode = nextEpisode; animateEpisodeIn(); }); }, 5000);


          });  });
       }
      animateEpisodeIn();


});