Team:UCL/Template:slick.min.js
From 2014.igem.org
Revision as of 16:00, 26 September 2014 by Adamdenyer (Talk | contribs)
$(document).ready(function() {
$('.single-item').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 1, slidesToScroll: 1 }); $('.multiple-items').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 3 }); $('.one-time').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 1, adaptiveHeight: true }); $('.uneven').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 4, slidesToScroll: 4 }); $('.responsive').slick({ dots: true, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: 4, responsive: [{ breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } }] });
$('.center').slick({ centerMode: true, infinite: true, centerPadding: '60px', slidesToShow: 3, responsive: [{ breakpoint: 768, settings: { arrows: false, centerMode: true, centerPadding: '40px', slidesToShow: 3 } }, { breakpoint: 480, settings: { arrows: false, centerMode: true, centerPadding: '40px', slidesToShow: 1 } }] }); $('.lazy').slick({ lazyLoad: 'ondemand', slidesToShow: 3, slidesToScroll: 1 }); $('.autoplay').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000 });
$('.fade').slick({ dots: true, infinite: true, speed: 500, fade: true, slide: 'div', cssEase: 'linear' });
$('.add-remove').slick({ dots: true, slidesToShow: 3, slidesToScroll: 3 }); var slideIndex = 1; $('.js-add-slide').on('click', function() { slideIndex++;$('.add-remove').slickAdd('
' + slideIndex + '
});
$('.js-remove-slide').on('click', function() { $('.add-remove').slickRemove(slideIndex - 1); if (slideIndex !== 0){ slideIndex--; } });
$('.filtering').slick({ dots: true, slidesToShow: 4, slidesToScroll: 4 }); var filtered = false; $('.js-filter').on('click', function() { if (filtered === false) { $('.filtering').slickFilter(':even'); $(this).text('Unfilter Slides'); filtered = true; } else { $('.filtering').slickUnfilter(); $(this).text('Filter Slides'); filtered = false; } });
$('.slider-for').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor: '.slider-nav' }); $('.slider-nav').slick({ slidesToShow: 3, slidesToScroll: 1, asNavFor: '.slider-for', dots: true, centerMode: true, focusOnSelect: true });
$(window).on('scroll', function() { if ($(window).scrollTop() > 166) { $('.fixed-header').show(); } else { $('.fixed-header').hide(); } });
$('ul.nav a').on('click', function(event) { event.preventDefault(); var targetID = $(this).attr('href'); var targetST = $(targetID).offset().top - 48; $('body, html').animate({ scrollTop: targetST + 'px' }, 300); });
$('.single-item-rtl').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 1, slidesToScroll: 1, rtl: true }); $('.multiple-items-rtl').slick({ dots: true, infinite: true, slidesToShow: 3, slidesToScroll: 3, rtl: true });
});