Source Code Auto Scroll Ketik Mengklik Gambar

Source Code Auto Scroll Ketik Mengklik Gambar

Perkenalan

Halo Semuanya, Jumpa lagi dengan saya kalian bisa memanggil Agan (Admin Ganteng) atau Seon :v

di postingan Kali ini saya akan Membagikan Source Code Auto Scroll Ketik Mengklik Gambar.

Kalian Bisa Mengembangkan Script Ini Sesuka Hati Kalian, berikut adalah Demonya:

Demo

Sudah Liat Demonya??, Langsung Gass Otak Atik Script dibawah ini

Source Code

<img src="URL_GAMBAR_1" class="scroll-image" alt="Gambar 1">
<img src="URL_GAMBAR_2" class="scroll-image" alt="Gambar 2">
<img src="URL_GAMBAR_3" class="scroll-image" alt="Gambar 3">
<img src="URL_GAMBAR_4" class="scroll-image" alt="Gambar 4">
<img src="URL_GAMBAR_5" class="scroll-image" alt="Gambar 5">
<img src="URL_GAMBAR_6" class="scroll-image" alt="Gambar 6">

<style>
    .scroll-image {
        cursor: pointer;
        transition: transform 0.2s;
    }
    .scroll-image:hover {
        transform: scale(1.1);
    }
</style>

<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        var images = document.querySelectorAll('.scroll-image');
        images.forEach(function(image) {
            image.addEventListener('click', function() {
                var nextImage = image.nextElementSibling;
                if (nextImage && nextImage.classList.contains('scroll-image')) {
                    nextImage.scrollIntoView({ behavior: 'smooth' });
                }
            });
        });
    });
</script>

Kesimpulan

Diatas adalah Source Code Auto Scroll Ketik Mengklik Gambar., Jika Ingin Request Silahkan Berikan Komentar atau menuju Halaman Request:v. Sampai Jumpa di potingan Berikutnya :P