First Commit
Setup repo and website
This commit is contained in:
51
public/maestrodeceremonias/js/script.js
Normal file
51
public/maestrodeceremonias/js/script.js
Normal file
@@ -0,0 +1,51 @@
|
||||
// Preloader js
|
||||
$(window).on('load', function () {
|
||||
$('.preloader').fadeOut(100);
|
||||
});
|
||||
|
||||
(function ($) {
|
||||
'use strict';
|
||||
|
||||
|
||||
// product Slider
|
||||
$('.product-image-slider').slick({
|
||||
autoplay: false,
|
||||
infinite: true,
|
||||
arrows: false,
|
||||
dots: true,
|
||||
customPaging: function (slider, i) {
|
||||
var image = $(slider.$slides[i]).data('image');
|
||||
return '<img class="img-fluid" src="' + image + '" alt="product-image">';
|
||||
}
|
||||
});
|
||||
|
||||
// Product slider
|
||||
$('.product-slider').slick({
|
||||
infinite: true,
|
||||
slidesToShow: 4,
|
||||
slidesToScroll: 1,
|
||||
autoplay: true,
|
||||
dots: false,
|
||||
arrows: false,
|
||||
responsive: [{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 3
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 600,
|
||||
settings: {
|
||||
slidesToShow: 2
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
slidesToShow: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user