From 09168c6c47e381851cde5f84a36de8146e52779a Mon Sep 17 00:00:00 2001 From: mattkae Date: Sun, 13 Feb 2022 11:59:50 -0500 Subject: Fixing carousel --- index.css | 6 ++++-- index.js | 2 ++ 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/index.css b/index.css index f3a01b1..3bd817c 100644 --- a/index.css +++ b/index.css @@ -83,8 +83,8 @@ section a:hover { #carousel > button { position: absolute; - top: calc(50% - 3rem); - font-size: 6rem; + top: calc(50% - 8rem); + font-size: 12rem; border: none; background-color: transparent; } @@ -95,10 +95,12 @@ section a:hover { } #carousel_left { + visibility: hidden; left: 0; } #carousel_right { + visibility: hidden; right: 0; } diff --git a/index.js b/index.js index acdbe49..d6a4d6e 100644 --- a/index.js +++ b/index.js @@ -68,6 +68,8 @@ function runCarousel() { } else { image.style.opacity = 1; } + + image.style.pointerEvents = image.style.opacity > 0 ? 'all' : 'none'; } rightButton.style.visibility = (carouselPosition === numImages - 1) ? 'hidden' : 'visible'; -- cgit v1.2.1