[DDesigns]

Hello,

I'm having troubles coverting this PHP script into JavaScript

function ResizeImage($image ,$width ,$height)
{
//image resizer by myscripting
//get the size of the original
$size = GetImageSize($image);
//divide the width / height percentage by 100
$new_width = 100 / $width;
$new_height = 100 / $height;
//store the resized dimensions in a variable
$sizeh = $size[1]/ $new_height;
$sizew= $size[0]/ $new_width;
//display the new resized image
$new_image = "<img src = \"$image\" height=\"$sizeh\" width =\"$sizew\">";
echo $new_image;
}

What im trying to do is beable to resize an image in a DHTML layer onMouseover using the above function ResizeImage("1.gif",50,50);

Please help.

Thanks,
-Flint

[brendandonhu]

Untested code, but try this
<script type="text/javascript">
function ResizeImage(image,width,height)
{
var size = new Array();
size[0] = image.width;
size[1] = image.height;
var new_width = 100 / width;
var new_height = 100 / height;
var sizeh = size[1] / new_height;
var sizew = size[0] / new_width;
var new_image = "<img src=" + image + " height=" + sizeh + " width=" + sizew + ">";
document.write(new_image);
}
ResizeImage('file.gif',50,50);
</script>