What are You Looking For?

Entertainment

Entertainment

Discover travel tips, destination guides, and personal experiences that will inspire your next adventure, whether it’s exploring hidden gems or popular tourist spots.

3 Min Read
himanshu
onFebruary 4, 2025
3

what is animation

एनिमेशन क्या है? | A Complete Guide for Beginners एनिमेशन का परिचय एनिमेशन एक ऐसी तकनीक है जिसमें चित्रों (images) या वस्तुओं (objects) को इस…

Subscribe to our Newsletter

Subscribe to our email newsletter to get the latest posts delivered right to your email.
Pure inspiration, zero spam ✨
document.addEventListener("DOMContentLoaded", function () { const emblaNode = document.querySelector(".testimonial-embla"); if (!emblaNode) return; const prevButton = document.querySelector(".testimonial-prev"); const nextButton = document.querySelector(".testimonial-next"); const progressBar = document.querySelector(".progress-line"); const embla = EmblaCarousel( emblaNode, { loop: true, align: "start", skipSnaps: false, dragFree: false } ); nextButton.addEventListener("click", function(){ embla.scrollNext(); }); prevButton.addEventListener("click", function(){ embla.scrollPrev(); }); function updateProgress(){ const totalSlides = embla.scrollSnapList().length; const currentIndex = embla.selectedScrollSnap(); const progress = ((currentIndex + 1) / totalSlides) * 100; progressBar.style.width = progress + "%"; } embla.on("select", updateProgress); embla.on("init", updateProgress); updateProgress(); document.addEventListener( "keydown", function(e){ if(e.key === "ArrowLeft"){ embla.scrollPrev(); } if(e.key === "ArrowRight"){ embla.scrollNext(); } } ); let autoplay; function startAutoplay(){ autoplay = setInterval(()=>{ embla.scrollNext(); },5000); } function stopAutoplay(){ clearInterval(autoplay); } startAutoplay(); emblaNode.addEventListener( "mouseenter", stopAutoplay ); emblaNode.addEventListener( "mouseleave", startAutoplay ); });