Kumpulan JavaScript Blogger

Script Banner Link Gambar Otomatis Berubah

<a href="#" id="bannerLink" target="_blank"><img alt="Iklan Banner" class="banner" id="bannerImage" src="" /></a><style> .banner { width: 100%; /* Sesuaikan ukuran sesuai kebutuhan */ height: auto; /* Mengatur tinggi otomatis agar proporsional */ display: block; /* Agar gambar ditampilkan sebagai blok */ border: 1px solid #ccc; /* Tambahkan border jika diperlukan */ } </style><script> const banners = [ { image: "Link Gambar", link: "Masukkan URL" }, { image: "Link Gambar", link: "Masukkan URL" }, { image: "Link Gambar", link: "Masukkan URL" }, { image: "Link Gambar", link: "Masukkan URL" }, ]; let currentIndex = 0; function changeBanner() { const bannerImageElement = document.getElementById("bannerImage"); const bannerLinkElement = document.getElementById("bannerLink"); bannerImageElement.src = banners[currentIndex].image; // Mengatur gambar bannerLinkElement.href = banners[currentIndex].link; // Mengatur link currentIndex = (currentIndex + 1) % banners.length; // Mengulangi dari awal } // Ubah banner setiap 5 detik setInterval(changeBanner, 5000); // Tampilkan banner pertama changeBanner(); </script>

1 2 3 4 5 6 7

Advertisement