How to show a picture in its original size (no autofit to window)

On my webpage I'd like to show several small pictures which people can click
to get the large pictures.

I do that with
<a href="big_picture.gif"><img src="small_picture.gif"></a>

The problem is, that if the browser window is not big enough the big picture
is not shown in its original size. I gets automatically resized so that it
fits to the browser window.
How can I avoid that? I'd like to have scroll bars in the browser window
instead.

Stefan

"Stefan Mueller" <seekware-remove- (AT) yahoo (DOT) com> wrote:

On my webpage I'd like to show several small pictures which people can click
to get the large pictures.

I do that with
a href="big_picture.gif"><img src="small_picture.gif"></a

The problem is, that if the browser window is not big enough the big picture
is not shown in its original size. I gets automatically resized so that it
fits to the browser window.
How can I avoid that?

Use a proper browser instead of IE, or: Internet options, Advanced,
untick "Enable automatic image resizing".

--
Spartanicus

Stefan Mueller wrote:

On my webpage I'd like to show several small pictures which people can click
to get the large pictures.

I do that with
a href="big_picture.gif"><img src="small_picture.gif"></a

The problem is, that if the browser window is not big enough the big picture
is not shown in its original size. I gets automatically resized so that it
fits to the browser window.
How can I avoid that? I'd like to have scroll bars in the browser window
instead.

Ask the users if you can sit down at their computers and change their
broswer display settings. Expect a lot of travel expenses if you get
permission.


--
Blinky RLU 297263
Killing all posts from Google Groups
The Usenet Improvement Project: http://blinkynet.net/comp/uip5.html
Coming Soon: Filtering rules specific to various real news clients

Gazing into my crystal ball I observed "Stefan Mueller"
<seekware-remove- (AT) yahoo (DOT) com> writing in news:e6hqqv$16qo$1 (AT) news (DOT) imp.ch:

On my webpage I'd like to show several small pictures which people can
click to get the large pictures.

I do that with
a href="big_picture.gif"><img src="small_picture.gif"></a

The problem is, that if the browser window is not big enough the big
picture is not shown in its original size. I gets automatically
resized so that it fits to the browser window.
How can I avoid that? I'd like to have scroll bars in the browser
window instead.

Stefan

As others have said, this is something the user's browser does. What you
could do, however, is have a note that says something like "To enjoy the
large images in their original size, please disable automatic image
resizing."


--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

On Sun, 11 Jun 2006, Stefan Mueller wrote:

On my webpage I'd like to show several small pictures which people
can click to get the large pictures.

I do that with
a href="big_picture.gif"><img src="small_picture.gif"></a

The problem is, that if the browser window is not big enough the big
picture is not shown in its original size.

As a reader, I don't find that a problem. If and when I want to see
the picture full sized, I tell the browser to do so.

I gets automatically resized so that it fits to the browser window.

That depends on the browser and its settings.

How can I avoid that?

If you (as author) manage to find a way to do that, then I (as reader)
will look for a client-side way to stop you from doing it.

I'd like to have scroll bars in the browser window instead.

Then adjust your own browser accordingly, and leave ours to do what we
prefer them to do.

thanks

Stefan Mueller wrote:

On my webpage I'd like to show several small pictures which people can click
to get the large pictures.

I do that with
a href="big_picture.gif"><img src="small_picture.gif"></a

The problem is, that if the browser window is not big enough the big picture
is not shown in its original size. I gets automatically resized so that it
fits to the browser window.
How can I avoid that? I'd like to have scroll bars in the browser window
instead.

Stefan

I know I'm going to get slaughtered for saying this, as most of the
zealots out there will tell you this is highly inappropriate use for
tables (and they'd be right), but simply slapping the image in a table
will stop the big three (Firefox, IE, and Opera) from scaling the
image.

Now, please take into consideration everything everyone else has
said... you probably shouldn't do this... but the option is there if
you insist.

It's kind of like wearing a seatbelt... you have the option not to wear
one, but it's probably not a wise decision.

fred.haab (AT) gmail (DOT) com wrote:
<snip>

I know I'm going to get slaughtered for saying this, as most of the
zealots out there will tell you this is highly inappropriate use for
tables (and they'd be right), but simply slapping the image in a table
will stop the big three (Firefox, IE, and Opera) from scaling the
image.

Yes it is improper use of a table, but the 'jump on you' will be that
your statement is flatly false. A table is not constrain an image, even
in quirks mode and old markup

<table>
<tr><td width="200"><img src="500pixel.jpg"></td></tr>
</table>

The table will grow to accommodate the full 500p pixels....

Now, please take into consideration everything everyone else has
said... you probably shouldn't do this... but the option is there if
you insist.

There is now way to really 'force' an image to scale to the browser
window if the user doesn't want to. You could use JavaScript to rescale
image to window but the user could thwart you by disabling JavaScript.
You could use a CSS method

IMG {display: block; width: 100%; }

But the user window may not accommodate the height, if you add
height: 100% you will distort the aspect of the image. And the user can
disable your CSS with a modern web browser.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Jonathan N. Little wrote:

There is now way to really 'force' an image to scale to the browser
window if the user doesn't want to. You could use JavaScript to rescale
image to window but the user could thwart you by disabling JavaScript.
You could use a CSS method

I think you've got it backwords... the OP absolutely does NOT want the
browser to scale the image, he WANTS scrollbars if the image is too
large.

The big three PC based browsers (IE, Firefox, Opera) will automatically
scale an image to fit the browser window (by default, which can be
disabled). Putting it in a table has the effect, which I tested on all
three, of not scaling the image, so that a large image produced
scrollbars instead of being scaled. That's what the OP wanted.

fred.haab (AT) gmail (DOT) com wrote:

Jonathan N. Little wrote:

There is now way to really 'force' an image to scale to the browser
window if the user doesn't want to. You could use JavaScript to rescale
image to window but the user could thwart you by disabling JavaScript.
You could use a CSS method

I think you've got it backwords... the OP absolutely does NOT want the
browser to scale the image, he WANTS scrollbars if the image is too
large.

Yes you are correct, but the point still hold true in reverse that as
the designer he cannot force the viewer NOT to resize the image if the
viewer has his browser so set. As the designer you do not have control
over such browser setting on modern browsers.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Jonathan N. Little wrote:

fred.haab (AT) gmail (DOT) com wrote:

I think you've got it backwords... the OP absolutely does NOT want the
browser to scale the image, he WANTS scrollbars if the image is too
large.

Yes you are correct, but the point still hold true in reverse that as
the designer he cannot force the viewer NOT to resize the image if the
viewer has his browser so set. As the designer you do not have control
over such browser setting on modern browsers.

But my first post just told you how to do it... if you put the image in
a table:

<table><tr><td><img src="whatever.jpg"></td></tr></table>

none of the "big three" PC browsers will resize it.