Hi everyone

New to this forum, and not so experimented with Javascript.

I'm using this code and script to random a banner on a page. Work very fine.
-------------
CSS
#banner { margin-right: auto; margin-left: auto; width: 949px; height: 169px; clear: both; border: solid 1px #79b200;

JAVASCRIPT
<script type="text/javascript">
var el="banner";
var bgimg=new Array("test/small_ban_01.jpg", "test/small_ban_02.jpg", "test/small_ban_03.jpg", "test/small_ban_04.jpg");
var random=Math.round((bgimg.length-1)*Math.random());
var cssStr="#"+el+" { background: url("+bgimg[random]+") no-repeat top left } ";
var style=document.createElement("style");style.setAtt ribute("type","text/css");
if(style.styleSheet){style.styleSheet.cssText=cssS tr;}
else{
var cssText=document.createTextNode(cssStr);style.appe ndChild(cssText);}document.getElementsByTagName("h ead")[0].appendChild(style);
</script>

HTML
<div id="banner">
<p>RANDOM IMAGE TEST</p>
</div>
-------------

I'm looking for a way to create different DIV already with the image. and just bring the ID name into my HTML

EX:
CSS
#banner1 { background-image: url(../test/ban_01.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 949px; height: 169px; clear: both; margin-right: auto; margin-left: auto; border: solid 1px #79b200; }

#banner2 { background-image: url(../test/ban_02.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 949px; height: 169px; clear: both; margin-right: auto; margin-left: auto; border: solid 1px #79b200; }

#banner3 { background-image: url(../test/ban_03.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 949px; height: 169px; clear: both; margin-right: auto; margin-left: auto; border: solid 1px #79b200; }

LOOKING FOR FONCTIONNAL JAVA

var nameID = new Array("ban01", "ban02", "ban03", "ban04");
var random=Math.round((nameID.length-1)*Math.random());
var randID="#"+nameID[random];
......

HTML
<div id=randID> /* id will become ban01 or ban02 or ban03 or ban04 on refresh/reload page
<p>IMAGE TEST</p>
</div>

Any idea? Can you help ?

Thank you very much

Calimero, Montreal, Canada

Try this Google query:

http://www.google.com/search?hl=en&q...earch&aq=f&oq=

That should yield some good results for what you want to do.

Thanks Brian, But i really what to manipulate at random the Div name, instead of the image itself ... I search into google, and visit a lot of pages, but still finding only Random image manipulation, instead of random Div ID manipulation ... anyone have an Idea ?