itsblue-development/itsblue-website
2
0
Fork 0
Code Issues 1 Pull requests Actions Packages Projects Releases Wiki Activity

Fix: Stop carousel on navigatrion button click
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Dorian Zedler 2022-08-06 15:48:05 +02:00
parent 553b24197e
commit 4c7c2de0e8
Signed by: dorian
GPG key ID: 989DE36109AFA354
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
themes/quark-hugo/layouts/partials/modular/carousel.html
View file

@ -68,7 +68,6 @@
<script>
// Spin carousel after fife seconds
const carousel = document.querySelector('#carousel-nav');
const carouselItems = carousel.querySelectorAll('.nav-item');
const carouselLocators = document.querySelectorAll('.carousel-locator');
let carouselIndex = 1;
@ -86,7 +85,14 @@
}, 5000);
// stop carousel when clicked manually on any item
for(const item of carouselItems) {
for(const item of carousel.querySelectorAll('.nav-item')) {
item.addEventListener('click', () => {
clearInterval(carouselInterval);
});
}
// stop carousel when clicked on any item-next or item-prev
for(const item of document.querySelectorAll('.item-next, .item-prev')) {
item.addEventListener('click', () => {
clearInterval(carouselInterval);
});