**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>

Figured it out! Let me know if i'm wrong, tho :-)

I'm just adding " /13em " (or whatever size) after each position % number.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.