auto carousel

dominhduy09 · Jul 6, 2024 · 5b55797 · 5b55797
1 parent 304994a
commit 5b55797
Showing 1 changed file with 16 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<ol class="carousel-indicators"></ol>
 <html lang="vi">
 
 <head>
@@ -41,15 +41,14 @@ <h1>Chào mừng đến với trang web Vui Là 9</h1>
                     <img src="banner_image.png" class="d-block mx-auto" alt="Image 3">
                 </div>
             </div>
-        </div>
-        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-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">
-            <span class="carousel-control-next-icon" aria-hidden="true"></span>
-            <span class="sr-only">Next</span>
-        </a>
+            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-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">
+                <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                <span class="sr-only">Next</span>
+            </a>
         </div>
     </main>
     <footer>
@@ -60,6 +59,13 @@ <h1>Chào mừng đến với trang web Vui Là 9</h1>
     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+    <script>
+        $(document).ready(function () {
+            $('.carousel').carousel({
+                interval: 2000 // Change the interval value to adjust the speed (in milliseconds)
+            });
+        });
+    </script>
 </body>
 
 </html>