(function ($) {
"use strict";
$(document).ready(function () {
/*
Slider
============================*/
$(".slider-wrapper").slick({
slidesToShow: 1,
infinite: true,
autoplay: false,
draggable: true,
arrows: true,
slidesToScroll: 1,
loop: true,
dots: true,
speed: 1500,
rtl: false,
prevArrow:
"",
nextArrow:
"",
responsive: [
{
breakpoint: 767,
settings: {
autoplay: true,
},
},
],
});
/*
Info Card Slider
============================*/
$("#info_card_slider_wrapper").slick({
slidesToShow: 3,
infinite: true,
autoplay: true,
draggable: true,
arrows: true,
slidesToScroll: 1,
loop: true,
dots: false,
speed: 1500,
rtl: false,
prevArrow:
"",
nextArrow:
"",
responsive: [
{
breakpoint: 992,
settings: {
slidesToShow: 2,
},
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
},
},
],
});
/*
portfolio Slider
============================*/
$(".portfolio-slider").slick({
slidesToShow: 4,
infinite: true,
autoplay: false,
draggable: true,
arrows: false,
slidesToScroll: 1,
loop: true,
dots: false,
speed: 1500,
rtl: false,
responsive: [
{
breakpoint: 991,
settings: {
slidesToShow: 3,
},
},
{
breakpoint: 767,
settings: {
slidesToShow: 2,
},
},
{
breakpoint: 460,
settings: {
slidesToShow: 1,
},
},
],
});
/*
Post Gallery Slider
============================*/
$(".post-gallery").slick({
slidesToShow: 1,
infinite: true,
autoplay: true,
draggable: true,
arrows: true,
slidesToScroll: 1,
loop: true,
dots: false,
speed: 300,
rtl: false,
prevArrow:
"",
nextArrow:
"",
});
/*
Feature Slider JS
============================*/
$(".feature-slider-wrapper").slick({
slidesToShow: 3,
infinite: true,
autoplay: true,
draggable: true,
arrows: false,
slidesToScroll: 1,
centerMode: true,
loop: true,
dots: true,
speed: 1500,
rtl: false,
responsive: [
{
breakpoint: 992,
settings: {
slidesToShow: 2,
},
},
{
breakpoint: 767,
settings: {
slidesToShow: 1,
},
},
],
});
});
})(jQuery);