Fix: Carousel update for BS syntax

Signed-off-by: Daniel Pett <[email protected]>
FitzwilliamMuseum · May 22, 2024 · 5915ab4 · 5915ab4
1 parent 074703e
commit 5915ab4
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/_layouts/pop-ups.html b/_layouts/pop-ups.html
@@ -110,12 +110,12 @@ <h1 id="doc-main-h1">{{ page.title }}</h1>
 {% assign count = page.images.size %}
 {% assign slides = page.images | slice:1, count %}
 <div class="container mt-3 mb-3">
-    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
+    <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
         <ol class="carousel-indicators">
-            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
+            <li data-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"></li>
             {% assign co = slides.size %}
             {% for i in (1..co) %}
-            <li data-target="#carouselExampleIndicators" data-slide-to="{{i}}"></li>
+            <li data-target="#carouselExampleIndicators" data-bs-slide-to="{{i}}"></li>
             {% endfor %}
         </ol>
 
@@ -139,11 +139,11 @@ <h1 id="doc-main-h1">{{ page.title }}</h1>
             {% endfor %}
 
         </div>
-        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-bs-slide="prev">
             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
             <span class="sr-only">Previous</span>
         </a>
-        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-bs-slide="next">
             <span class="carousel-control-next-icon" aria-hidden="true"></span>
             <span class="sr-only">Next</span>
         </a>