55 lines
1.8 KiB
JavaScript
55 lines
1.8 KiB
JavaScript
let startX;
|
|
|
|
document.addEventListener('touchstart', function(event) {
|
|
if (event.touches.length > 1) {
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
startX = event.touches[0].clientX; // Get the starting X position
|
|
});
|
|
|
|
document.addEventListener('touchmove', function(event) {
|
|
if (event.touches.length > 1) {
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
|
|
const moveX = event.touches[0].clientX; // Get the current X position
|
|
const diffX = startX - moveX; // Calculate the difference
|
|
|
|
if (Math.abs(diffX) > 100) { // Check if the swipe is significant
|
|
document.getElementsByClassName("itemlist")[0].classList.add(diffX > 0 ? 'swipe-left' : 'swipe-right');
|
|
document.getElementsByClassName("itemlist")[1].classList.add(diffX > 0 ? 'swipe-left' : 'swipe-right');
|
|
try {
|
|
document.getElementsByClassName("itemlist")[2].classList.add(diffX > 0 ? 'swipe-left' : 'swipe-right');
|
|
} catch(err) {
|
|
|
|
}
|
|
|
|
setTimeout(() => {
|
|
if (diffX > 0) {
|
|
if (currentPage < (maxpages)) {
|
|
window.location.href = './' + nextpage;
|
|
}
|
|
} else {
|
|
if (currentPage > 1) {
|
|
window.location.href = './' + prevpage;
|
|
}
|
|
}
|
|
}, 500);
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
|
|
document.addEventListener('transitionend', function() {
|
|
setTimeout(()=> {
|
|
document.getElementsByClassName("itemlist")[0].classList.remove('swipe-left', 'swipe-right');
|
|
document.getElementsByClassName("itemlist")[1].classList.remove('swipe-left', 'swipe-right');
|
|
|
|
try {
|
|
document.getElementsByClassName("itemlist")[2].classList.remove('swipe-left', 'swipe-right');
|
|
} catch(err) {
|
|
|
|
}
|
|
}, 300);
|
|
}); |