summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authormattkae <mattkae@protonmail.com>2022-02-13 11:59:50 -0500
committermattkae <mattkae@protonmail.com>2022-02-13 11:59:50 -0500
commit09168c6c47e381851cde5f84a36de8146e52779a (patch)
treeede8d4a7dcf110e029cac4bb87c2cd486da074dd
parent74e3c0442c196b9cb7fadf7ddc4d49944f1270af (diff)
Fixing carousel
-rw-r--r--index.css6
-rw-r--r--index.js2
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';