Randomowy url image'u - JavaScript

Question

Witam, robię prosty projekt w którym mam 8 divów, w których chcę wyświetlać za każdym kliknięciem randomowy obrazek(przy użyciu JQuery). Zrobiłem więc array o nazwie "unique_random_numbers"  zawierający 8 liczb w randomowej kolejności od 1-8, pliki nazwałem img1,img2,img3 itp i teraz chcę po kliknięciu zmieniać background image diva na randomowy obrazek. Pomyślałem, że zrobię to po prostu tak:

$('.button').click(function(){
     $('.mini1').css('background-image', 'url("img + uniquerandomimage[0] + ".png" )');

});

, ale jak można się domyślić jest problem z wprowadzeniem tego urla, aby zawierał on liczbę z tego arraya. Pewnie robię jakiś błąd jeżeli chodzi o składnie. Próbowałem zarówno cudzysłowia, "pojedynczego cudzysłowia", wstawiania urla do zmiennej, a także użycia kompletnie innej funkcji JQuery, czyli "append", gdzie podajemy src zamiast url, ale też nie mogłem sobie z tym poradzić.
Z góry dziękuję za odpowiedź i wyrozumiałość, bo pewnie jest to jakiś głupi błąd.
Pozdrawiam!

Comments

//css('background-image', 'url("img + uniquerandomimage[0] + ".png" )');
css('background-image', `url(img${uniquerandomimage[0]}.png)`);
css('background-image', 'url(img' + uniquerandomimage[0] + '.png)');

 

---

Nie łatwiej jest to po prostu zrobić randem?

---

oczywiście, że jest :P

Answer 1

var url = 'url(img' + niquerandomimage[0] + '.png';

$('.mini1').css('background-image', url);

Comments

Działa, serdecznie dziękuję!!!