Witam,
mam pytanie jak mogę w javascript wyświetlić jeden losowany z trzech obraz na mojej stronie.
var obraz = round(random(0, 2));
if (obraz === 0){
}
else if (obraz === 1){
}
else (obraz === 2){
}
Jestem początkujący i nie wiem jak wstawić obraz, co wpisać w instrukcjach warunkowych. Czy mogę to zrobić wstawiając jego adres URL tak samo jak w HTML-u, czy wrzucić obraz na serwer i użyć jakiegoś polecenia typu:
var images = document.images
Jedna z opcji jest zdefiniowanie klas CSS dla kolejnych obrazkow. Tu znajdziesz przyklad: docs.
Np:
.picture-1{background-image: url('img1.png');}
.picture-2{background-image: url('img2.png');}
.picture-3{background-image: url('img3.png');}
Pozniej mozesz wylosowac klase, np:
var classes = ['picture-1', 'picture-2', 'picture-3']
var randomClassName = classes[Math.floor(Math.random()*classes.length)];
I wylosowana klase mozesz przypisac do konkretnego elementu na stronie (tam gdzie chcesz wyswietllic obrazek)
document.getElementById("picture-container").className = randomClassName;