**I have a fairly simple script, but I'm having trouble sizing up my randomly displayed images. I want them all to have the height of 150px. Any help would be great. Thanks!
code below:**
<script type="text/javascript">
window.addEventListener?window.addEventListener('load',function()
{
ray.rand('thisCell');
},false):
window.attachEvent('onload',function()
{
ray.rand('thisCell');
}); // FF : IE1
var ray=
{
bgArr:['url(http://dl.dropbox.com/u/5739741/Tutor/13klas-600.jpg) 10% 10% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/girl_studying_2.jpg) 6% 6% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/CT-tutoring.jpg) 24% 10% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/smartboard1.jpg) 31% 17% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/math-assessment-test-tutoring.png) 55% 4% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/one2one1.jpg) 75% 11% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/GirlStudying.jpg) 95% 11% no-repeat'], // Background you wish to show on the cell
rand:function(el)
{
var num = Math.floor(Math.random()*this.bgArr.length);
this.getID(el).style.background=this.bgArr[num];
},
getID:function(el){return document.getElementById(el);}
}
</script>
<style type="text/css">
/*Transparent Tables*/
table, tr, td {background:transparent; border:0px;}
table table table {background:transparent;}
table table table td {
background-color:transparent;
</style>
<table height="150" width=1000><tr>
<td><img src="http://dl.dropbox.com/u/5739741/Tutor/mt%20logo.gif" height="120" /></td> <td>
<table height="150" width=800>
<tr> <td id="thisCell" valign="top"></td></tr>
</table>
</td></tr></table>