|
|
Posted by Roy A. on 01/14/07 03:17
pmennen skrev:
> I searched the web and several FAQs, but I couldn't
> find the answer to this html graphics question.
>
> I have a thumbnail on my web page (called screen1_small.png).
> When the user clicks on the thumbnail, I want a new window
> to appear with screen1.png, a large 768 x 1280 image.
>
> I attempted to do this with the following html:
>
> <A HREF="screen1.png" WIDTH=768 HEIGHT=1280 target="_blank">
> <IMG SRC="screen1_small.png" align="left" Hspace="7"></A>
>
> The problem is that the image looks terrible when scaled
> and I want the user to see it with 100% scaling even if
> the image is too big for the window.
>
> If the user is using FireFox, I could instruct them to select
> "View", "Page style", "No Style". Then the image is rendered
> at full scale and scroll bars are added if the window is too
> small to fit the whole image (which is likely with such a
> large image). Of course most users would probably suffer the
> effects of the scaling instead of following those tedius
> instructions for each screen shot.
>
> With IE6 the situation is even more frustrating. While the
> image is loading, it loads in the new window with perfect 100%
> scalling (with scroll bars), but as soon as the whole image
> is loaded it switches to a scaled down version that can fit
> in the window (but looks horrible). I couldn't find any way
> to change it back to the 100% view.
>
> Isn't there a way in HTML to specify 100% scaling? I would
> have thought that scaling is such an important issue that
> the answer to this would be easy to find. (But I couldn't).
>
> Be gentle, as I am an HTML newbie. I'm building this web
> site with straight HTML using a simple HTML editor
> (Evrsoft First Page 2006). I know nothing about dynamic
> html, cascading style sheets, java script, and all those
> other buzz words I've heard bantered around, although
> I'm willing to learn about them if necessary to solve
> the scaling problem.
I think you have to put the image (screen1.png) in a HTML document.
<html>
<head><title>screen1.png</title></head>
<body><img src="screen1.png" /></body>
</html>
and use
<A HREF="screen1.html" target="_blank"><IMG SRC="screen1_small.png"
align="left" Hspace="7"></A>
in the tumbnail document.
[Back to original message]
|