Re: Thumbnail Expansion Technique

On my main page I have a small picture - it's actually too small to
be useful. I only have it there to show that there's something to look
at, but I don't know how to "expand" it so it can be seen in a
reasonable size. Here's my code so far:

<img src="IMG_0492.jpg" width="56" height="70" align="left"
hspace="5" />

This picture consumes the whole screen (it's 952KB) when I click on
the file in Explorer, and I want the same sort of view if the user
clicks on it. I know some sites have this capability, but I can't see
how their code achieves the effect. How do I do this? TIA

If you do this, you are running the risk of making people download
nearly a MB when they might even not be interested in filling their
screens. In any case, who has such spare screen space that needs a pic
of 1 MB to fill?

Fair enough, but is there some sort of compromise that would let my
users actually _see_ the picture? As it is now, I can't set the length
and width values big enough to show the picture directly (it'd take too
much space on the main page), but I'd like to offer the option to see
the picture large enough as to make some sense out of it. I just want
to expand the size enough that my users could make sense of that part of
my site...

First, let's get clear on the characteristics of the enlarged pic you
want to make available. You should prepare two images, one a thumbnail,
small in px size but not necessarily high in compression, its physical
size will guarantee a small file size. 56 by 70 is very small, does it
have to be that small? Note that if you make it a bit bigger, you might
take the pressure off people needing to see it bigger still. That is a
great saving all things considered. That is one thing.

Second, the enlarged image. You can make available one that is about
600-800px wide and use a medium to low sort of compression and you will
mostly be able to keep under 100K and have it quite respectable in
general. Do not use compression to bring file size down at the expense
of crappy quality, make the pic smaller in px size instead as this is
the most dramatic thing you can do to reduce file size. There are no
fixed rules, you will develop judgement.

Third, the method of delivery. This is what I almost always prefer (for
what it is worth): make the thumbnail or its caption or accompanying
reference a link to a larger pic. This larger pic can be simply linked
to directly or via being embedded in another HTML page.

Well, as a novice at this I'm not sure how I want to do this. 8<{{
Basically, I want to have the small picture on the main page be
clickable (perhaps with a "Click to Enlarge" caption) and have that
action produce a larger view of the picture. It could be another window
that's presented...I dunno. I just want the used to be able to see the
picture's detail better than how it appears on the main page.
I suppose a scrollover would work, too. I just don't know how to
code for these options - nor what to use with what I have so far.
.

Relevant Pages

  • Re: Thumbnail Expansion Technique
    ... This picture consumes the whole screen when I click on ... to expand the size enough that my users could make sense of that part of ... many CSS technique pages out there -- with CSS the big image is hidden as a ... 1px image until you mouseover the related thumbnail image. ...
    (comp.infosystems.www.authoring.html)
  • Re: Thumbnail Expansion Technique
    ... This picture consumes the whole screen when I click on ... screens. ... who has such spare screen space that needs a pic ... to expand the size enough that my users could make sense of that part of ...
    (comp.infosystems.www.authoring.html)
  • Re: Thumbnail Expansion Technique
    ... This picture consumes the whole screen when I click on ... screens. ... who has such spare screen space that needs a pic ... to expand the size enough that my users could make sense of that part of ...
    (comp.infosystems.www.authoring.html)
  • Re: OT: Windows Movie Maker
    ... so that the frame can be annotated then move on by itself? ... to produce your still image) and import it as a picture. ... didn't know I could expand the time it displays it. ... plays video at. ...
    (uk.rec.motorcycles)
  • Re: Peculiar image preview problem, need help.
    ... Delete the one in the dllcache folder first, then expand a new one from the C:\Windows\SerivcePackFile\I386 directory using the "expand file" function in msconfig. ... the screen flashes as if the Picture and Fax Viewer ... which gave me confirmation that the DLL was reregistered, but didn't fix ...
    (microsoft.public.windowsxp.general)
Loading