Team:University College London/js/radio

From 2012.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 1: Line 1:
$(document).ready(function(){
$(document).ready(function(){
 +
 +
 +
 +
      $('.episode').click(function(){
 +
            window.location = "https://2012.igem.org/Team:University_College_London/gemFM/"+$(this).attr('title');
 +
            });
 +
       var episodes = $('#slidecontainer').children();
       var episodes = $('#slidecontainer').children();
-
       episodes.first().show();
+
       episodes.first().show().animate({opacity:1},2);
       var currentEpisode = episodes.first();
       var currentEpisode = episodes.first();
 +
      var currI = 0;
 +
 +
      function animateEpisodeIn(){
 +
      currentEpisode.find('.bg').css("display","block").animate({left:'0px',opacity:0.8},800,"easeInCubic",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({left:'-728px',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'},1000,"easeInOutCubic");
 +
currentEpisode.delay(3).animate({left:'-728px'},1000,"easeInOutCubic").animate({opacity:0},2,function(){
 +
 +
currentEpisode = nextEpisode; animateEpisodeIn();
 +
});
 +
}, 5000);
 +
                   
 +
 +
          });  });
 +
        }
-
      currentEpisode.find('.bg').animate({bottom:'0px';opacity:0.8},500,function(){
+
      animateEpisodeIn();
-
            currentEpisode.find('.desc').show(300);  });
+
        
        
});
});

Latest revision as of 07:45, 16 August 2012

$(document).ready(function(){


     $('.episode').click(function(){
           window.location = "https://2012.igem.org/Team:University_College_London/gemFM/"+$(this).attr('title');
           });

     var episodes = $('#slidecontainer').children();
     episodes.first().show().animate({opacity:1},2);
     var currentEpisode = episodes.first();
     var currI = 0;
     function animateEpisodeIn(){
     currentEpisode.find('.bg').css("display","block").animate({left:'0px',opacity:0.8},800,"easeInCubic",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({left:'-728px',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'},1000,"easeInOutCubic"); currentEpisode.delay(3).animate({left:'-728px'},1000,"easeInOutCubic").animate({opacity:0},2,function(){

currentEpisode = nextEpisode; animateEpisodeIn(); }); }, 5000);


          });  });
       }
      animateEpisodeIn();


});