Team:Heidelberg/Templates/carousel-special-js
From 2013.igem.org
(Difference between revisions)
Nils.kurzawa (Talk | contribs) m |
Nils.kurzawa (Talk | contribs) 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:54, 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();
//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();
});