dynamic background on log in screen

DQM

<p>Hi,</p>
<p>I am trying to alter iHub's log in screen and would like to use this script (or similar)</p>
<div><span style="font-size:12px;">window.onload = function () {</span></div>
<div><span style="font-size:12px;">    var header = document.getElementById('bg');</span></div>
<div><span style="font-size:12px;">    var pictures = new Array('bgs/1.jpg','bgs/2.jpg','bgs/3.jpg','bgs/4.jpg','bgs/5.jpg');</span></div>
<div><span style="font-size:12px;">    var numPics = pictures.length;</span></div>
<div><span style="font-size:12px;">    if (document.images) {</span></div>
<div><span style="font-size:12px;">        var chosenPic = Math.floor((Math.random() * numPics));</span></div>
<div><span style="font-size:12px;">        header.style.backgroundImage = 'url(' + pictures[chosenPic] + ')';</span></div>
<div><span style="font-size:12px;">    }</span></div>
<div><span style="font-size:12px;">}</span></div>
<p>to have the background image change dynamically.</p>
<p>In a standard html page I would put the script in the head section and put the background image in a div 'bg'.</p>
<p>But how would I accomplish the same effect in Birt Designer Pro/iHub 3.1?</p>

JFreeman

<p>There does appear to be a div for the background of the login page that is assigned to class "login-background".</p>
<p>I think you should be able to hook the div based on its class to add your background image.</p>
<p> </p>
<p>I've attached a screenshot for reference.</p>