Team:Heidelberg/Templates/carousel-special-js

From 2013.igem.org

(Difference between revisions)
m
m
Line 44: Line 44:
                     });
                     });
                     $($('.labjournal-weekly').hide()[0]).show();
                     $($('.labjournal-weekly').hide()[0]).show();
-
 
-
//make labjournal fit on month-tab click
 
-
$('july').click(function(e) {
 
-
  e.preventDefault();
 
-
  $('.labjournal-weekly:visible').hide();
 
-
  $($('.labjournal-weekly').hide()[0]).show();
 
-
});
 
-
 
-
$('august').click(function(e) {
 
-
  e.preventDefault();
 
-
  $('.labjournal-weekly:visible').hide();
 
-
  $($('.labjournal-weekly').hide()[5]).show();
 
-
});
 

Revision as of 20:57, 30 September 2013

//stop carousel running automatically 

                   $('#myCarousel').carousel({interval: 0}).on('slide.bs.carousel', function(e) {
                       var active_month = $('.month_tab.active');
                       var prev_month = $('.month_tab.active').prev()
                       var next_month = $('.month_tab.active').next()

                       if ($('.item:visible').hasClass('first') == true && $('.item:visible').hasClass('july') == false) {
                           if (e.direction == "right") {
                               active_month.removeClass('active');
                               prev_month.addClass('active');

                           }
                       }
                       if ($('.item:visible').hasClass('first') == true && $('.item:visible').hasClass('july') == true) {
                           if (e.direction == "right") {
                               active_month.removeClass('active');
                               $('.item:visible').hasClass('august').addClass('active');

                           }
                       }
                       if ($('.item:visible').hasClass('last') == true && $('.item:visible').hasClass('august') == false){
                           if (e.direction == "left") {
                               active_month.removeClass('active');
                               next_month.addClass('active');
                           }

                       }
                       if ($('.item:visible').hasClass('last') == true && $('.item:visible').hasClass('august') == true){
                           if (e.direction == "left") {
                               active_month.removeClass('active');
                               $('.item:visible').hasClass('july').addClass('active');
                           }

                       }

                       var current = $('.labjournal-weekly:visible');
                       current.hide();
                       if (e.direction == "left") {
                           current.next().show();
                       }
                       else {
                           current.prev().show();
                       }
                   });
                   $($('.labjournal-weekly').hide()[0]).show();
Retrieved from "http://2013.igem.org/Team:Heidelberg/Templates/carousel-special-js"