From 4ba4ccc3fddb242251d5442c78aba14f43835035 Mon Sep 17 00:00:00 2001 From: prashantsinalkar Date: Mon, 22 Apr 2019 12:35:05 +0530 Subject: created index page --- js/scripts.js | 193 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 193 insertions(+) create mode 100755 js/scripts.js (limited to 'js/scripts.js') diff --git a/js/scripts.js b/js/scripts.js new file mode 100755 index 0000000..d7da37d --- /dev/null +++ b/js/scripts.js @@ -0,0 +1,193 @@ +(function($) { +$(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('