document.addEventListener('DOMContentLoaded', () => {
console.log(window.bricksData?.splideInstances);
});
document.addEventListener('DOMContentLoaded', function() {
const scriptId = 'tugclp'; // <-- YOUR data-bricks-script-id HERE
const splide = window.bricksData?.splideInstances?.[scriptId];
if (!splide) {
console.warn('Splide instance not found for ID:', scriptId);
return;
}
const sliderEl = splide.root; // the .splide element
splide.on('move', function(newIndex, prevIndex) {
const direction = newIndex > prevIndex ? 'next' : 'prev';
// Add direction class to the slider root
sliderEl.classList.remove('slide-dir-next', 'slide-dir-prev');
sliderEl.classList.add('slide-dir-' + direction);
// Auto-remove after animation (prevents stuck states)
setTimeout(() => {
sliderEl.classList.remove('slide-dir-next', 'slide-dir-prev');
}, 1500); // longer than your transition
});
// Optional: initial direction on load
splide.on('mounted', () => {
console.log('Slider mounted, active index:', splide.index);
});
});
document.addEventListener('DOMContentLoaded', () => {
console.log(window.bricksData?.splideInstances);
});
document.addEventListener('DOMContentLoaded', function() {
const scriptId = 'tugclp'; // <-- YOUR data-bricks-script-id HERE
const splide = window.bricksData?.splideInstances?.[scriptId];
if (!splide) {
console.warn('Splide instance not found for ID:', scriptId);
return;
}
const sliderEl = splide.root; // the .splide element
splide.on('move', function(newIndex, prevIndex) {
const direction = newIndex > prevIndex ? 'next' : 'prev';
// Add direction class to the slider root
sliderEl.classList.remove('slide-dir-next', 'slide-dir-prev');
sliderEl.classList.add('slide-dir-' + direction);
// Auto-remove after animation (prevents stuck states)
setTimeout(() => {
sliderEl.classList.remove('slide-dir-next', 'slide-dir-prev');
}, 1500); // longer than your transition
});
// Optional: initial direction on load
splide.on('mounted', () => {
console.log('Slider mounted, active index:', splide.index);
});
});
document.addEventListener('DOMContentLoaded', () => {
console.log(window.bricksData?.splideInstances);
});
document.addEventListener('DOMContentLoaded', function() {
const scriptId = 'tugclp'; // <-- YOUR data-bricks-script-id HERE
const splide = window.bricksData?.splideInstances?.[scriptId];
if (!splide) {
console.warn('Splide instance not found for ID:', scriptId);
return;
}
const sliderEl = splide.root; // the .splide element
splide.on('move', function(newIndex, prevIndex) {
const direction = newIndex > prevIndex ? 'next' : 'prev';
// Add direction class to the slider root
sliderEl.classList.remove('slide-dir-next', 'slide-dir-prev');
sliderEl.classList.add('slide-dir-' + direction);
// Auto-remove after animation (prevents stuck states)
setTimeout(() => {
sliderEl.classList.remove('slide-dir-next', 'slide-dir-prev');
}, 1500); // longer than your transition
});
// Optional: initial direction on load
splide.on('mounted', () => {
console.log('Slider mounted, active index:', splide.index);
});
});
document.addEventListener('DOMContentLoaded', () => {
console.log(window.bricksData?.splideInstances);
});
document.addEventListener('DOMContentLoaded', function() {
const scriptId = 'tugclp'; // <-- YOUR data-bricks-script-id HERE
const splide = window.bricksData?.splideInstances?.[scriptId];
if (!splide) {
console.warn('Splide instance not found for ID:', scriptId);
return;
}
const sliderEl = splide.root; // the .splide element
splide.on('move', function(newIndex, prevIndex) {
const direction = newIndex > prevIndex ? 'next' : 'prev';
// Add direction class to the slider root
sliderEl.classList.remove('slide-dir-next', 'slide-dir-prev');
sliderEl.classList.add('slide-dir-' + direction);
// Auto-remove after animation (prevents stuck states)
setTimeout(() => {
sliderEl.classList.remove('slide-dir-next', 'slide-dir-prev');
}, 1500); // longer than your transition
});
// Optional: initial direction on load
splide.on('mounted', () => {
console.log('Slider mounted, active index:', splide.index);
});
});