mirror of https://github.com/4xmen/xshop.git
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.2 KiB
JavaScript
81 lines
2.2 KiB
JavaScript
import {tns} from "tiny-slider/src/tiny-slider";
|
|
|
|
var treeSlider,treeSliderX, treeSliderY ;
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
console.log('3 slider 1');
|
|
document.querySelectorAll('.tree-grid .section-main')?.forEach(function (el) {
|
|
if (el.classList.contains('.tns-slider')){
|
|
console.log('ignore');
|
|
return 'ignore';
|
|
}
|
|
treeSlider = tns({
|
|
container: el,
|
|
items: 3,
|
|
autoplay: true,
|
|
autoplayButton: false,
|
|
// nextButton: false,
|
|
controls: false,
|
|
autoplayHoverPause: true,
|
|
mouseDrag: true,
|
|
gutter: 7,
|
|
responsive:{
|
|
560:{
|
|
items: 1,
|
|
},
|
|
768:{
|
|
items: 2,
|
|
},
|
|
1000:{
|
|
items: 3,
|
|
},
|
|
1400:{
|
|
items: 4,
|
|
},
|
|
|
|
}
|
|
// speed:10000,
|
|
});
|
|
});
|
|
document.querySelectorAll('.tree-grid .section-second')?.forEach(function (el) {
|
|
if (el.classList.contains('.tns-slider')){
|
|
console.log('ignore');
|
|
return 'ignore';
|
|
}
|
|
treeSliderX = tns({
|
|
container: el,
|
|
items: 1,
|
|
autoplay: true,
|
|
autoplayButton: false,
|
|
// nextButton: false,
|
|
controls: false,
|
|
autoplayHoverPause: true,
|
|
autoplayTimeout: 8000,
|
|
mouseDrag: true,
|
|
gutter: 7,
|
|
edgePadding: 60,
|
|
// speed:10000,
|
|
});
|
|
});
|
|
document.querySelectorAll('.tree-grid .section-third')?.forEach(function (el) {
|
|
if (el.classList.contains('.tns-slider')){
|
|
console.log('ignore');
|
|
return 'ignore';
|
|
}
|
|
treeSliderY = tns({
|
|
container: el,
|
|
items: 1,
|
|
autoplay: true,
|
|
autoplayTimeout: 7500,
|
|
autoplayButton: false,
|
|
// nextButton: false,
|
|
controls: false,
|
|
autoplayHoverPause: true,
|
|
mouseDrag: true,
|
|
gutter: 7,
|
|
edgePadding: 60,
|
|
// speed:10000,
|
|
});
|
|
});
|
|
});
|