Tutorial Membuat Random Background

Tutorial Membuat Random Background - Jika kalian ingin Mencoba sesuatu yang baru ? Marilah ikuti Tutorial ini :D , tutorial ini sedikit singkat dan simple sih tapi memiliki hasil yang wah kok :v wkwk.

Oiya di tutorial ini juga saya akan sedikit Menjelaskan Tentang JavaScript yang di pakai pada Tutorial ini yaitu Variabel Array Dalam Kode JavaScript dan Membuat Gambar acak Menggunakan  Math.Random dan Math.floor() Oke jangan Lupa Baca Bismillah Sebelum Mencoba ^_^.

• Demo

Tutorial Membuat Random Background

---

1.Masukkan Kode JavaScript Berikut ini sebelum tag </body> .
2. Lalu ganti 'LINK IMAGE' dengan Link gambar yang ingin Sobat Pakai.
3. Save Template!

JS
var Background= new Array()
Background[0]='#FFF url('LINK IMAGE') no-repeat top center fixed'
Background[1]='#FFF url('LINK IMAGE') no-repeat top center fixed'
Background[2]='#FFF url('LINK IMAGE') no-repeat top center fixed'
Background[3]='#FFF url('LINK IMAGE') no-repeat top center fixed'
var random=Math.floor(4*Math.random());
document.write('<style>');
document.write('body {');
document.write('background: '+ Background[random] +';');
document.write('background-size:100%;');
document.write(' }');
document.write('</style>');
</script> 

disini saya sedikit membagikan beberapa Background Cover anime :

Background 1 :

LINK https://images4.alphacoders.com/628/thumb-1920-628927.png 

Background 2 :

LINK https://www.pixelstalk.net/wp-content/uploads/2016/08/1080p-Anime-Background-Download-Free.jpg 

Background 3 :

LINK http://p1.pichost.me/i/37/1597286.jpg 

Background 4 :

LINK http://imgstocks.com/wp-content/uploads/2014/01/Anime-sniper-girl-797873-2880x1800px-high-def-desktop-background.jpg 

hemm Pusing kan ?? :v wkwk oke saya akan sedikit menjelaskan cara kerjanya tuh si JS ,
disini saya menggunakan variabel Array dalam kode javascript.

Array ?? apasi array tuh?
''Array merupakan tipe data terstruktur yang berguna untuk menyimpan sejumlah data yang bertipe sama''. 

hemm Masih Bingung ?? okedeh nih , Pada Dasarnya Variabel-variabel di JavaScript hanya bisa menyimpan satu data pada suatu saat. Adanya kecenderungan yang besar untuk memanipulasi sejumlah data dalam satu variabel membuat konsep variabel tersebut menjadi tidak cukup. Sebagai solusinya, JavaScript menghadirkan struktur data yang memungkinkan menyimpan himpunan/kelompok data dalam satu variabel khusus yang disebut Array.

Terdapat beberapa cara yang dapat digunakan untuk membuat array di Javascript. Berikut ini di antaranya :

Contoh Array Dengan Langsung Memberikan Nilainya :

var background = ["data 1", "data 2", "data 3", "data 4"];
var background = new Array("data 1", "data 2", "data 3", "data4");

Contoh Array dibuat Tanpa Data :

var background = new Array();

Dua cara yang pertama menunjukkan bahwa array dibuat dengan langsung memberikan nilainya, sedangkan pada cara yang terakhir array dibuat tanpa data.

var random=Math.floor(4*Math.random());

1 lagi ini dia Variabel yang Membuat Gambar Secara acak Math.Random dan Math.floor() mengembalikan bilangan bulat terbesar yang kurang dari atau sama dengan bilangan yang diberikan.

Oiya Tanda Bintang '*' itu adalah di kalikan ya bukan cuma Variasi belaka :v. jadi dalam bahasa Pemrograman :

Pertambahan (+) = +
Pengurangan (-) = -
Perkalian (x) = *
Pembagian (:) = /

Jika Masih ada yang Membingunkan Silahkan Bertanya Di Kolom Komentar ya, sayapun Masih belajar jadi Mohon di koreksi jika Masih ada kesalahan.

Oke Sekian Tutorial Singkat ini semoga Bermanfaat, Jangan Lupa tinggalkan Komentar nya ya.

Baca Artikel Menarik lainnya

Loading...