Everyday Basics

Select a shortcode Select a shortcode

Select a shortcode Select a shortcode

(function() { function initTmateSlider() { let sliderBox = document.getElementById("tmateMainSlider"); let slides = document.querySelectorAll(".tmate-slide"); // Nếu không tìm thấy slider trên trang thì bỏ qua để không báo lỗi if (!sliderBox || slides.length === 0) return; let slideIndex = 1; let isAnimating = false; // Bật sẵn slide đầu tiên slides[0].style.display = "block"; // Gắn sự kiện click bằng Javascript thuần sliderBox.addEventListener('click', function() { if (isAnimating) return; let currentIndex = slideIndex - 1; slideIndex++; if (slideIndex > slides.length) slideIndex = 1; let nextIndex = slideIndex - 1; isAnimating = true; // Xử lý class hiển thị slides[nextIndex].classList.remove("tmate-first"); slides[nextIndex].style.display = "block"; // Chạy animation slides[currentIndex].classList.add("tmate-slide-out"); slides[nextIndex].classList.add("tmate-slide-in"); // Đợi 500ms cho animation chạy xong rồi mới ẩn slide cũ đi setTimeout(() => { slides[currentIndex].style.display = "none"; slides[currentIndex].classList.remove("tmate-slide-out"); slides[nextIndex].classList.remove("tmate-slide-in"); isAnimating = false; }, 500); }); } // Đảm bảo code chỉ chạy khi trang web (DOM) đã được tải xong if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initTmateSlider); } else { initTmateSlider(); } })();