commit

2025-12-26 17:15:20 +05:45
parent 9c26fd68e3
commit 5512e0e8ed
26 changed files with 878 additions and 306 deletions
--- a/assets/js/raffle-video.js
+++ b/assets/js/raffle-video.js
@@ -0,0 +1,54 @@
+
+      var swiper = new Swiper(".mySwiper-video", {
+            slidesPerView: 3,
+            spaceBetween: 20,
+            loop: true,
+            navigation: {
+                nextEl: ".swiper-button-next",
+                prevEl: ".swiper-button-prev",
+            },
+            pagination: {
+                el: ".swiper-pagination",
+                clickable: true,
+            },
+            breakpoints: {
+                0: {
+                    slidesPerView: 1
+                },
+                576: {
+                    slidesPerView: 2
+                },
+                992: {
+                    slidesPerView: 3
+                },
+            },
+        });
+        document.querySelectorAll(".video-container").forEach(container => {
+  let video = container.querySelector("video");
+  let playBtn = container.querySelector(".play-button");
+
+  function playVideo() {
+      video.play().catch(error => console.log("Autoplay prevented:", error));
+      playBtn.style.opacity = "0"; // Hide play button
+  }
+
+  function pauseVideo() {
+      setTimeout(() => {
+          if (!video.matches(":hover")) {
+              video.pause();
+              playBtn.style.opacity = "1"; // Show play button again
+          }
+      }, 30);
+  }
+
+  container.addEventListener("mouseover", playVideo);
+  container.addEventListener("mouseout", pauseVideo);
+});
+
+setTimeout(() => {
+    document.querySelector(".line").classList.add("animate");
+}, 1000); // 1000ms = 1 second delay
+setTimeout(() => {
+    document.querySelector(".uni-img").classList.add("animate");
+}, 1500); // 1000ms = 1 second delay
+