110 lines
2.6 KiB
JavaScript
110 lines
2.6 KiB
JavaScript
(function () {
|
|
"use strict";
|
|
|
|
const defaultConfig = {
|
|
slideBy: "page",
|
|
mouseDrag: true,
|
|
autoplay: true,
|
|
controls: false,
|
|
nav: false,
|
|
speed: 500,
|
|
};
|
|
|
|
const singleItemConfig = {
|
|
slideBy: "page",
|
|
mouseDrag: true,
|
|
autoplay: false,
|
|
controls: true,
|
|
nav: false,
|
|
speed: 500,
|
|
};
|
|
|
|
const multipleItemsConfig = {
|
|
slideBy: "page",
|
|
mouseDrag: true,
|
|
autoplay: false,
|
|
controls: true,
|
|
items: 1,
|
|
nav: false,
|
|
speed: 500,
|
|
responsive: {
|
|
600: {
|
|
items: 3,
|
|
},
|
|
480: {
|
|
items: 2,
|
|
},
|
|
},
|
|
};
|
|
|
|
const responsiveConfig = {
|
|
slideBy: "page",
|
|
mouseDrag: true,
|
|
autoplay: false,
|
|
controls: true,
|
|
items: 1,
|
|
nav: true,
|
|
speed: 500,
|
|
responsive: {
|
|
600: {
|
|
items: 3,
|
|
},
|
|
480: {
|
|
items: 2,
|
|
},
|
|
},
|
|
};
|
|
|
|
const centerModeConfig = {
|
|
mouseDrag: true,
|
|
autoplay: false,
|
|
controls: true,
|
|
center: true,
|
|
items: 1,
|
|
nav: false,
|
|
speed: 500,
|
|
responsive: {
|
|
600: {
|
|
items: 2,
|
|
},
|
|
},
|
|
};
|
|
|
|
const fadeConfig = {
|
|
mode: "gallery",
|
|
slideBy: "page",
|
|
mouseDrag: true,
|
|
autoplay: true,
|
|
controls: true,
|
|
nav: true,
|
|
speed: 500,
|
|
};
|
|
|
|
// Tiny Slider
|
|
if ($(".tiny-slider").length) {
|
|
$(".tiny-slider").each(function () {
|
|
const config = $(this).data("config");
|
|
this.tns = tns({
|
|
container: this,
|
|
...(config === undefined || config === "" ? defaultConfig : {}),
|
|
...(config === "single-item" ? singleItemConfig : {}),
|
|
...(config === "multiple-items" ? multipleItemsConfig : {}),
|
|
...(config === "responsive" ? responsiveConfig : {}),
|
|
...(config === "center-mode" ? centerModeConfig : {}),
|
|
...(config === "fade" ? fadeConfig : {}),
|
|
});
|
|
});
|
|
}
|
|
|
|
if ($(".tiny-slider-navigator").length) {
|
|
$(".tiny-slider-navigator").each(function () {
|
|
$(this).on("click", function () {
|
|
if ($(this).data("target") == "prev") {
|
|
$("#" + $(this).data("carousel"))[0].tns.goTo("prev");
|
|
} else {
|
|
$("#" + $(this).data("carousel"))[0].tns.goTo("next");
|
|
}
|
|
});
|
|
});
|
|
}
|
|
})();
|