Blog News

Tutorial Cara Membuat Random Background Image (Gambar latar acak) menggunakan JavaScript

, Blog , JavaScript , Tutorial , Website November 09, 2023


Tutorial Cara Membuat Random Background Image (Gambar latar acak) menggunakan JavaScript

Berikut adalah langkah-langkah untuk menambahkan gambar latar belakang secara acak ke situs web Anda menggunakan JavaScript:

1. Buat daftar gambar yang ingin Anda gunakan dan simpan jalur ke gambar tersebut.

2. Tambahkan fungsi JavaScript berikut ke halaman web Anda:

function randomImage() {
var images = [ "url(/path/to/image1.jpg)", "url(/path/to/image2.jpg)", "url(/path/to/image3.jpg)", "url(/path/to/image4.jpg)" ];
var randomIndex = Math.floor(Math.random() * images.length);
document.body.style.backgroundImage = images[randomIndex];
}


3. Panggil fungsi randomImage() ketika halaman web dimuat.

Untuk memasang gambar latar belakang secara acak pada situs web Anda, Anda perlu menambahkan kode JavaScript di atas ke halaman web Anda dan mengganti alamat gambar dengan alamat gambar yang ingin Anda gunakan.

Semoga membantu!

Related Post:
- Hide Comments

0 Komentar Untuk "Tutorial Cara Membuat Random Background Image (Gambar latar acak) menggunakan JavaScript"

Formulir Kontak

Nama

Email *

Pesan *