Random arka plan nasıl yaparım

Arda · 5 Ocak 2020

Rastgele arka plan nasıl yaparım yani 5 10 tane resim giricem. Sistem siteye giren kişisin karşısına rastgele girdiğim arka planlar dan birini çıkarıcak.

patrick2dev · 5 Ocak 2020

JavaScript:

    let backgrounds = [
        '#eee',
        '#000',
        'green'
    ];

    document.body.style.background = backgrounds[Math.floor(Math.random()*backgrounds.length)];

Bu kodu sayfanıza ekleyin, '#eee' olan tırnakların içine resim urlsini yazın.
iyi forumlar

✝ HΛÐΞS ™ · 5 Ocak 2020

elvio2dev dedi:
JavaScript:

let backgrounds = [ '#eee', '#000', 'green' ]; document.body.style.background = backgrounds[Math.floor(Math.random()*backgrounds.length)];

Bu kodu sayfanıza ekleyin, '#eee' olan tırnakların içine resim urlsini yazın.
iyi forumlar

Hocam verdiğiniz kod sadece renklerde çalışıyor resim URL girdiğimizde çalışmıyor.

patrick2dev · 5 Ocak 2020

✝ HΛÐΞS ™ dedi:
Hocam verdiğiniz kod sadece renklerde çalışıyor resim URL girdiğimizde çalışmıyor.

Berk dedi:
JavaScript:

let backgrounds = [ 'https://i.picsum.photos/id/521/4000/1800.jpg', 'https://i.picsum.photos/id/321/4000/1800.jpg', 'https://i.picsum.photos/id/122/4000/1800.jpg' ]; document.body.style.backgroundImage = "url('"+backgrounds[Math.floor(Math.random()*backgrounds.length)] + "')";

Bu kod işinizi görecektir.
https://jsfiddle.net/BerkPW/dLa1w3ct/1/ (Demo)

Gönderi otomatik olarak birleştirildi: 5 Ocak 2020

backgroundImage 'e renk kodu veremezsin maalesef.

Berk · 5 Ocak 2020

JavaScript:

let backgrounds = [
    'https://i.picsum.photos/id/521/4000/1800.jpg',
    'https://i.picsum.photos/id/321/4000/1800.jpg',
    'https://i.picsum.photos/id/122/4000/1800.jpg'
];

document.body.style.backgroundImage = "url('"+backgrounds[Math.floor(Math.random()*backgrounds.length)] + "')";

Bu kod işinizi görecektir.
https://jsfiddle.net/BerkPW/dLa1w3ct/1/ (Demo)

Gönderi otomatik olarak birleştirildi: 5 Ocak 2020

elvio2dev dedi:
JavaScript:

let backgrounds = [ '#eee', '#000', 'green' ]; document.body.style.backgroundImage = backgrounds[Math.floor(Math.random()*backgrounds.length)];

Şöyle deneyebilir misiniz?

backgroundImage 'e renk kodu veremezsin maalesef.

✝ HΛÐΞS ™ · 5 Ocak 2020

Berk dedi:
JavaScript:

let backgrounds = [ 'https://i.picsum.photos/id/521/4000/1800.jpg', 'https://i.picsum.photos/id/321/4000/1800.jpg', 'https://i.picsum.photos/id/122/4000/1800.jpg' ]; document.body.style.backgroundImage = "url('"+backgrounds[Math.floor(Math.random()*backgrounds.length)] + "')";

Bu kod işinizi görecektir.
https://jsfiddle.net/BerkPW/dLa1w3ct/1/ (Demo)

Gönderi otomatik olarak birleştirildi: 5 Ocak 2020

backgroundImage 'e renk kodu veremezsin maalesef.

Hocam sizinkide çalışmıyor arka plan full beyaz

patrick2dev · 5 Ocak 2020

Berk dedi:
JavaScript:

let backgrounds = [ 'https://i.picsum.photos/id/521/4000/1800.jpg', 'https://i.picsum.photos/id/321/4000/1800.jpg', 'https://i.picsum.photos/id/122/4000/1800.jpg' ]; document.body.style.backgroundImage = "url('"+backgrounds[Math.floor(Math.random()*backgrounds.length)] + "')";

Bu kod işinizi görecektir.
https://jsfiddle.net/BerkPW/dLa1w3ct/1/ (Demo)

Gönderi otomatik olarak birleştirildi: 5 Ocak 2020

backgroundImage 'e renk kodu veremezsin maalesef.

(onlar örnek.)

✝ HΛÐΞS ™ · 5 Ocak 2020

elvio2dev dedi:
(onlar örnek.)

Örnek olduğunu biliyorum hocam resim URL'lerini değiştirdim fakat gene beyaz. Sizde test edebilirsiniz.

Random arka plan nasıl yaparım

Arda

Konuşmak bedava, bana kodu göster! -Linus Torvalds

Discord:

patrick2dev

ölü.

✝ HΛÐΞS ™

Odunlara Vur Vur Vur!

Discord:

patrick2dev

ölü.

Berk

Sr. FrontEnd Developer

✝ HΛÐΞS ™

Odunlara Vur Vur Vur!

Discord:

patrick2dev

ölü.

✝ HΛÐΞS ™

Odunlara Vur Vur Vur!

Discord: