Fix: Carousel update for BS syntax

Signed-off-by: Daniel Pett <[email protected]>
FitzwilliamMuseum · May 22, 2024 · 074703e · 074703e
1 parent e26498e
commit 074703e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/_includes/structure/carousel.html b/_includes/structure/carousel.html
@@ -1,8 +1,8 @@
 <div class="container mt-3 mb-3">
-    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
+    <div id="carouselExampleIndicators" class="carousel slide">
         <ol class="carousel-indicators">
-            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
-            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
+            <li data-target="#carouselExampleIndicators" data-bs-slide-to="0" aria-current="true" class="active"></li>
+            <li data-target="#carouselExampleIndicators" data-bs-slide-to="1"></li>
         </ol>
         <div class="carousel-inner">
             <div class="carousel-item active">
@@ -12,11 +12,11 @@
                 <img class="d-block w-100" src="/images/carousel/pakepuinnerfulllarge.jpg" alt="Second slide">
             </div>
         </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>

diff --git a/_layouts/news.html b/_layouts/news.html
@@ -116,10 +116,10 @@ <h1 id="doc-main-h1">{{ page.title }}</h1>
         <div class="container mt-3 mb-3">
             <div id="carouselExampleIndicators" class="carousel slide" data-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>
 
@@ -143,11 +143,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>