Help needed with an unusual image link

I have a page which uses a frame split into two simple pieces.


<FRAMESET Rows="30%,*" FRAME BORDER="2">
<FRAME SRC="-ADD Source Name HERE-" NAME="list" SCROLLING="Auto">
<FRAME SRC="-ADD Source Name HERE-" NAME="display" SCROLLING="Auto">
</FRAMESET>

The top 30% consists of a listing of many diffrent entrys (i.e. name, type, size ...) and one of the values is a link to an image which is displayed in the remaining part of the frameset "display".

My problem is that when this page was originally setup all of the images were the same size, so all I had to do was just link to the image, and display it at the bottom of the page.

<a target="display" href="-LINK to IMAGE-"> -Image Name- </a>


Well as the page developed the images became inconsistant in their sizes. As a result the images are still viewable but only by scrolling in the bottom frame. This page is supposed to be a type of "quick look-up", well now that you have to scroll the images, that is no longer the case.

Is there a way to incorporate some javascripting in the "href" tag above to force the image into a defined size to be displayed, similar to the way you can define an "img" tag to a paticular width & height?

Attached are the two files that I am using to test the use of the image involved.

Currently my problem is that when I use the link the "target" is ignored, and the image is placed into the same "frame" as the original link.

Is there a way to get the image to show in the "target" frame using JS. If there is a better way to do this, I am willing to try any other options.

Thanks in advance for your help.

You can use iframe instead of classic frame, its more flexible with resizing by javascript...

On the other hand, you can resize the image by javascript by resetting their width & height in style...

To access iframe or frame, just use frames["<frame_name>"]...
Also, give id to the <img> then you can do something by javascript easily.

Unfortunatly I have to leave it in a conventional frame (the example given is only a simplified version). I am still however a little confused.

How would I designate a frame to display the image in when I am also doing several other manipulations on the image in the JS (namely resizing & centering in the frame). (See attached files for full details)