resizing pictures

how do i resize a picture by reducing/increasing it by percentages? like size="50%" would shink the pic to half its size. how do i do that?

<img HEIGHT="50%" WIDTH="50%" SRC=...>

ok, i tried the code and it didnt work. he is what i did...

<img width="50%" height="50%" src="logo1.JPG" border="0" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">

I assumed it would use the percentage of the actual image size,
but it actually does a percentage of the space available for the
image. If you stuck it in a cell of a table that was sized smaller,
it would scale to the size of the cell. Sorry.

Also, do you have width/hieght in your class. (shakeimage)

so what do i have to do?

I would go with Thinkers' suggestion, Place your image in a cell/table and resize the cell.

I was just curious to know if your 'shakeimage' class contained any width or hieght.

no, it doesnt

Take the actual width and height of the image, divide by two, and use those numbers in the width and height properties of the IMG tag.

-CL

If you're interested, here (http://www.visualbasicforum.com/showthread.php?postid=158338#post158338)'s a tutorial I created and posted in the Tutor's corner. It deals with the dynamic resizing of images with VBScript (ASP.)

It may be more than you care to know... but, then again, it may not.

It looks like a good example. Code is well documented but there
isn't any real tutorial included so I moved it to the Code Library.

You're right Thinker. I should have posted it there originally.