How to Shrink image size when browser size is reduced

[Bob Richardson]

Is it possible for an image to SHRINK (both height and width, keeping same
h/w ratio) when the browser's width is reduced? It's easy to have both h & w
increase, as needed, to fill up 100% of the <td>, but I don't see how to
have the image shrink.

Without JavaScript, the standard seems to be scrollbars when the browser
shrinks. I'd like the picture to shrink in size and avoid the scrollbars.

[Randy Webb]

Bob Richardson wrote:

Is it possible for an image to SHRINK (both height and width, keeping same
h/w ratio) when the browser's width is reduced? It's easy to have both h & w
increase, as needed, to fill up 100% of the <td>, but I don't see how to
have the image shrink.
Percentages my friend, percentages.
Without JavaScript, the standard seems to be scrollbars when the browser
shrinks.
Only for those that know no better, and that may indeed include me.
I'd like the picture to shrink in size and avoid the scrollbars.

And what exactly does this have to do with Javascript?

<img src="someImage. gif" width="100%">

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly

[Bob Richardson]

"Randy Webb" <Hi************ @aol.com> wrote in message
news:k9******** ************@co mcast.com...

Bob Richardson wrote:

Is it possible for an image to SHRINK (both height and width, keeping
same
h/w ratio) when the browser's width is reduced? It's easy to have both h
& w
increase, as needed, to fill up 100% of the <td>, but I don't see how to
have the image shrink.

Percentages my friend, percentages.

Without JavaScript, the standard seems to be scrollbars when the browser
shrinks.

Only for those that know no better, and that may indeed include me.

I'd like the picture to shrink in size and avoid the scrollbars.

And what exactly does this have to do with Javascript?

<img src="someImage. gif" width="100%">

The above is exactly how I've coded the HTML. I think the IMG is 700 pixels
wide. When you expand the size of your browser beyond 700, the picture's
width and height both expand. But when the browser's width is less than 700,
the picture does not shrink. Just scroll bars.

Thus, I thought that perhaps a JavaScript function might work to reduce the
size of the image.

[Bob Richardson]

"Bob Richardson" <bobr at whidbey dot com> wrote in message
news:Fs******** ************@wh idbeytel.com...

"Randy Webb" <Hi************ @aol.com> wrote in message
news:k9******** ************@co mcast.com...

Bob Richardson wrote:

Is it possible for an image to SHRINK (both height and width, keeping
same
h/w ratio) when the browser's width is reduced? It's easy to have both h
& w
increase, as needed, to fill up 100% of the <td>, but I don't see how to
have the image shrink.

Percentages my friend, percentages.

Without JavaScript, the standard seems to be scrollbars when the browser
shrinks.

Only for those that know no better, and that may indeed include me.

I'd like the picture to shrink in size and avoid the scrollbars.

And what exactly does this have to do with Javascript?

<img src="someImage. gif" width="100%">

The above is exactly how I've coded the HTML. I think the IMG is 700
pixels wide. When you expand the size of your browser beyond 700, the
picture's width and height both expand. But when the browser's width is
less than 700, the picture does not shrink. Just scroll bars.

Thus, I thought that perhaps a JavaScript function might work to reduce
the size of the image.

Ah, I see that it shrinks nicely in Firefox, but not IE 6 :(

[Malkalypse]

Hey Bob, did you ever find a solution to this problem? I'm havin
trouble with this one myself.. I've found a few links that claim t
have a solution, but when I try them, they either don't work or I ge
an error message. (I'm assuming I'm doing something wrong, as I a
fairly new to Javascript.)

I would think there would be more information out there on this kind o
thing. I wish I had a way to create dynamically resizeable image conten
without always resorting to Flash. :

--
Malkalyps
-----------------------------------------------------------------------
Malkalypse's Profile: http://www.highdots.com/forums/member.php?userid=2
View this thread: http://www.highdots.com/forums/showthread.php?t=7047