View source for Template:IONIS Paris/JS

<html>
<head>
<script src="https://2015.igem.org/Template:IONIS_Paris/JS_Page?action=raw&ctype=text/javascript"></script>
<script src="https://2015.igem.org/Template:IONIS_Paris/JS_Page2?action=raw&ctype=text/javascript"></script>
<script src="https://2015.igem.org/Template:IONIS_Paris/JS_Page3?action=raw&ctype=text/javascript"></script>
<script src="https://2015.igem.org/Template:IONIS_Paris/JS_Page4?action=raw&ctype=text/javascript"></script>
<script src="https://2015.igem.org/Template:IONIS_Paris/JS_Page5?action=raw&ctype=text/javascript"></script>
<script src="https://2015.igem.org/Template:IONIS_Paris/JS_Page6?action=raw&ctype=text/javascript"></script>

<script  type="text/javascript">


	var wow = new WOW(
		{
			boxClass:     'wowload',      // animated element css class (default is wow)
			animateClass: 'animated', // animation css class (default is animated)
			offset:       0,          // distance to the element when triggering the animation (default is 0)
			mobile:       true,       // trigger animations on mobile devices (default is true)
			live:         true        // act on asynchronously loaded content (default is true)
		}
	);
	wow.init();

	$('.carousel').swipe( {
		swipeLeft: function() {
			$(this).carousel('next');
		},
		swipeRight: function() {
			$(this).carousel('prev');
		},
		allowPageScroll: 'vertical'
	});

// Si on a des vidéos, on arrête le caroussel

$(document).ready(function(){

if ($('#myCarousel video').length != 0)
{ 
    var ret = $('.carousel').carousel({
    pause: true,
    interval: false
});
    
} else {
    
    $('#myCarousel').carousel('cycle');
}
});
//NB


// NOTEBOOK

$(document).ready(function(){

  var $timeline_block = $('.cd-timeline-block');

  //hide timeline blocks which are outside the viewport
  $timeline_block.each(function() {
    if ($(this).offset().top > $(window).scrollTop() + $(window).height() * 0.75) {
      $(this).find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden');
    }
  });

  //on scolling, show/animate timeline blocks when enter the viewport
  $(window).on('scroll', function() {
    $timeline_block.each(function() {
       if ($(this).offset().top <= $(window).scrollTop() + $(window).height() * 0.75 || 
$(this).find('.cd-timeline-img').hasClass('is-hidden'))
       {
        $(this).find('.cd-timeline-img, .cd-timeline-content').removeClass('is-hidden').addClass('bounce-in');
      }
    });
  });
});

//GOTOP


	
  $(document).ready(function(){
     
    $(".gototop").hide();
      
    // faire apparaitre #gototop
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 450 ) {
                $('.gototop').fadeIn(300);
            } else {
                $('.gototop').fadeOut(300);
            }
    });
     

    });
});

</script>


</head>
</html>