CSS Укладка внутри JS Функция

Question

У меня есть следующий код HTML и Javascript. Функция Randomize(), отображаемая внизу, содержится внутри div, который имеет к нему определенную тему.

div id="themeing"> 
    <script type="text/javascript">Randomize()</script> 
</div> 

function Randomize() { 
    var images = new Array("images/banner/banner1.jpg","images/banner/banner2.jpg","images/banner/banner3.jpg","images/banner/banner4.jpg"); 
    var imageNum = Math.floor(Math.random() * images.length); 
    document.getElementById("header").style.backgroundImage = "url('" + images[imageNum] + "')"; 
} 

window.onload = Randomize; 

Эта функция позволит мне поворачивать изображения в баннере моего сайта на PageLoad. Теперь функция работает, но стиль, применяемый CSS к id="themeing", не применяется к изображениям, которые выводятся Javascript.

Как сделать так, чтобы результат Randomize() получил стиль соответственно?

Answer 1

Я не уверен в CHTML ид вы говорите, но изображения можно установить, чтобы покрыть весь фон, установив еще два атрибута:

background-repeat: no-repeat; //in case you don't want repetition of image. 
background-size: cover; 

Надеется, что это помогает.

Answer 2

Я посмотрел на одной и той же проблемой вчера :)

Я нашел решение, используя Jquery плагин и функцию .css:

$('jQuery selector').css({"css property name":"css property value"}); 

Если вы не хотите использовать Jquery, возможно, вы могли бы посмотреть на их плагине, как они закодировали его?