Resizeable images based on browser window size

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Anyone know how to create images in which delivered image size is based on
the size of the users open browser window, as on the Microsoft web site i.e.
if you look at the page in 1024X768 it serves up a 400 pixel size image of a
photo. If you look at it in 800x600 it serves up a 295 pixel size image.
 
Are you sure it is not IE resize the image, which is the default setting?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WebMaster Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
The visitor's screen resolution is determined (from server page headers).
Based on the maximum width, and, I would imagine, a short LUT (look up
table), one of several previously sized images is selected for the page.
There is no dynamic resizing of images.
 
Are you saying IE itself resizes the images? If I look at the current
Microsoft front page for example, the picture in the top right, the "Right
Clickin" image, if I look at it at my normal full width display setting of
1024X768, Copy the image and paste it into Photoshop, it's 407 pixels wide.
If I resize my browser down to 800X600 size and regen (the last step is
important because it makes the images resize) and copy and paste again,the
image size in photoshop is 295 pixels wide. Is it the browser that does that
or are they reading the browser window setting and serving up a web page
and/or images to maximize the setting. Otherwise you'd either have to scroll
for small browsers or make smaller images.

It seems to me I read somewhere about "extensible images" or something. Are
these them? Or does in fact the browser resize the images. I don't think so
because it doesn't happen on the web pages I create.
 
Actually you can, but it can get ugly.

http://www.95isalive.com/test/resize.htm

Open the page and then drag the right side of the browser window toward the center.

;-)


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
Also works if you drag the top of the window down.

;-)


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
The default setting for IE 6 is to resize images based on the browsers window opening.

Under IE | Tools | Internet Options | Advanced | Multimedia, check to see if Enable Automatic Image
Resizing is enabled.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WebMaster Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
Are you saying IE itself resizes the images?

I don't think you and Thomas are talking about the same thing. And I don't
think that's what the MSN site does.
 
I agree. Right click on the image and look at the image properties, is the file name the same?

The size is 295 x 152 no matter what my browser window opening is.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WebMaster Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
We may be talking about the same thing, except I can't reproduce the effect
for the images I put up. I did go to the Tools function and saw that the box
was checked off to resize images based on browser window. However, when I
created a web page with two 450 size images side by each in a table, then
viewed them in the same way in two differently sized browsers, i.e. 1024 and
800 wide, in the 1024 they fit but in the 800 they didn't, even though I
regenned the same way as I did viewing the images on the Microsoft site. So
what's the difference? If what you say is correct, then why does it work for
the Microsoft pic but not for mine?
 
Actually that's not the case. When I right click on 1024 browser window
opening (my maximum) the image size is 407, which is the same size of image I
get if my paste into photoshop (so pasting into photshop really only provided
a check.) If I then resize to a smaller 800 window I get the 295 size. So
the image sizes are changing.
 
I can't do it either.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WebMaster Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
Okay, so this is the way to do it but what do you have to do to achieve it?
It didn't work for a picture I put up, as described above.
 
Okay, I went for my evening bike ride, had dinner and tackled the problem
anew by looking at 95 alive. Got it! Thanks. The solution is not really
covered in Front Page help files. By the way, does 95 alive mean that this
technique goes back to Windows 95 and I'm 10 years behind? Hope not.

Thanks again for the help.
 
It's just something I put together one day as an experiment. It's definitely *not* a standard
procedure.

Make sure you check it in other browsers besides IE, because it may fail.

The best way would be to get the browser size and then use a script to adjust the image height and
width accordingly.

As for 95 is alive, that's a long story. Something I started on a whim one day.
This sort of explains it.
http://www.95isalive.com/instant.htm

:-)

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
Back
Top