Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Computing > Computer Support > HTML coding where previews + full-size pic come from same graphic?

Reply
Thread Tools

HTML coding where previews + full-size pic come from same graphic?

 
 
fitwell
Guest
Posts: n/a
 
      02-12-2004
I remember a few months back using that coding. What it did was
re-size the original pic in the thumbnail. I'm using an angelfire
free site with limited spacing which is already becoming a problem, if
each ul graphic can serve as its own thumbnail, that would save me a
lot of space (the site is for pure PSP grahics I create).

Can anyone point me in the right direction, pls? I've done multiple
google searches but since I'm obviously not using the right terms,
nothing so far has come up.

I stumbled upon that coding by mistake before. I wasn't looking for
that and that's why I found it the first time!

 
Reply With Quote
 
 
 
 
Harrison
Guest
Posts: n/a
 
      02-12-2004
On Thu, 12 Feb 2004 12:44:24 GMT, fitwell <(E-Mail Removed)> wrote:

>I remember a few months back using that coding. What it did was
>re-size the original pic in the thumbnail. I'm using an angelfire
>free site with limited spacing which is already becoming a problem, if
>each ul graphic can serve as its own thumbnail, that would save me a
>lot of space (the site is for pure PSP grahics I create).
>
>Can anyone point me in the right direction, pls? I've done multiple
>google searches but since I'm obviously not using the right terms,
>nothing so far has come up.
>
>I stumbled upon that coding by mistake before. I wasn't looking for
>that and that's why I found it the first time!


<img src="myimage.jpg" width="100" height="137">

Just an example. Set your width and height as desired and be sure to maintain the proper ratios.
 
Reply With Quote
 
 
 
 
Tim
Guest
Posts: n/a
 
      02-12-2004
fitwell wrote:
> I remember a few months back using that coding. What it did was
> re-size the original pic in the thumbnail. I'm using an angelfire
> free site with limited spacing which is already becoming a problem,

if
> each ul graphic can serve as its own thumbnail, that would save me

a
> lot of space (the site is for pure PSP grahics I create).


Separate thumbnails are tiny and don't take up much space. But using
the full size images to generate the thumbnails can make the page
take a *very* long time to load. For instance, if you have 12 jpegs
at 100k each, the thumbnail page will need to load all 1.2M, which on
a dialup connection will take about 4 minutes... frankly, I'd give up
before that and go elsewhere. A dozen, purpose built thumbnails will
only take up about 50k and only take about 10 seconds to load. And
having them only adds 4% to the size of your site.

Tim


 
Reply With Quote
 
Richard
Guest
Posts: n/a
 
      02-12-2004
fitwell wrote:

> I remember a few months back using that coding. What it did was
> re-size the original pic in the thumbnail. I'm using an angelfire
> free site with limited spacing which is already becoming a problem, if
> each ul graphic can serve as its own thumbnail, that would save me a
> lot of space (the site is for pure PSP grahics I create).


> Can anyone point me in the right direction, pls? I've done multiple
> google searches but since I'm obviously not using the right terms,
> nothing so far has come up.


> I stumbled upon that coding by mistake before. I wasn't looking for
> that and that's why I found it the first time!


You'll find using thumbnails is better in the long run.
Just create the thumbs to a size like around 100 pixels in height or so.
Even 60 pixels is good enough and only a few kb each.
The page will load quicker and the user can pick which he wants to see the
larger of without having to wait ages.


 
Reply With Quote
 
why?
Guest
Posts: n/a
 
      02-12-2004

On Thu, 12 Feb 2004 12:44:24 GMT, fitwell wrote:

>I remember a few months back using that coding. What it did was
>re-size the original pic in the thumbnail. I'm using an angelfire


Don't resize pictures to thumbnails. If your pictures are a few 100KB
the download size and speed of your page will be large and annoying.
Most often a quick click on stop and leave the site.

>free site with limited spacing which is already becoming a problem, if
>each ul graphic can serve as its own thumbnail, that would save me a
>lot of space (the site is for pure PSP grahics I create).


Find an application that generates thumbnails with the links.

Not free,
http://www.filehouse.com/au2html/
http://thumbnails.snowseed.com/

free,
http://www.fookes.com/ezthumbs/

others, free and shareware
http://www.tucows.com/thumbnail95_default.html

>Can anyone point me in the right direction, pls? I've done multiple
>google searches but since I'm obviously not using the right terms,
>nothing so far has come up.
>
>I stumbled upon that coding by mistake before. I wasn't looking for
>that and that's why I found it the first time!


Maybe what you are thinking about is taking a normal size picture and
forcing it to be squashed smaller on the display?

<img src="imagefilename" height="50" width="50">

Making this a link to the full size version

<a href="imagefilename">
<img src="imagefilename" height="50" width="50">
</a>

The problem hare is aspect ratio, you need to use an application to do a
smart resize or you can calculate it manually.

As mentioned about the filesizes, if the picture is 37KB 200x308 the
squashed version is also 37KB. Whereas a TN version is 2KB 36x50.

If you do this for 10 pictures at 37KB (370KB) that's a lot to load. The
TNs are say 10 x 2KB (20KB) which is much nicer.

Me
 
Reply With Quote
 
Blinky the Shark
Guest
Posts: n/a
 
      02-13-2004
fitwell wrote:

> I remember a few months back using that coding. What it did was
> re-size the original pic in the thumbnail. I'm using an angelfire
> free site with limited spacing which is already becoming a problem, if
> each ul graphic can serve as its own thumbnail, that would save me a
> lot of space (the site is for pure PSP grahics I create).


Don't. It may save you a *relatively small* amount of space (you still
need the full-sized images, that that's where the the space is being
taken up), but then visitors will have to download the whole mess (all
of the BIG graphics) just to see the thunbnails. That will take FAR too
long just to see some miniatures, and they'll go elsewhere.

--
Blinky Linux RU 4892F
http://linuxnotjustforgeeks.org
http://blinkynet.net
 
Reply With Quote
 
fitwell
Guest
Posts: n/a
 
      02-13-2004
On Thu, 12 Feb 2004 12:44:24 GMT, fitwell <(E-Mail Removed)>
wrote:

>I remember a few months back using that coding. What it did was
>re-size the original pic in the thumbnail. I'm using an angelfire
>free site with limited spacing which is already becoming a problem, if
>each ul graphic can serve as its own thumbnail, that would save me a
>lot of space (the site is for pure PSP grahics I create).
>
>Can anyone point me in the right direction, pls? I've done multiple
>google searches but since I'm obviously not using the right terms,
>nothing so far has come up.
>
>I stumbled upon that coding by mistake before. I wasn't looking for
>that and that's why I found it the first time!


Thanks for the info. It's not a regular webpage, btw, just one to use
with a yahoo group and it's loading the files also with the webshell
that's the nuisance; also maintaining. At any given moment there
won't be a whole lot of pix and only a handful of people a month will
ever go. So, will still use the method I mentioned. Now just to find
the coding as just resizing the main image isn't enough. There was
more to the coding than that, I remember. Wish I'd kept that coding.
<sigh>

Thanks.

 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
getting multi-browser previews for your html files greek_elias@yahoo.com HTML 8 01-18-2007 05:09 PM
HEXUS.previews :: nForce4 410 and 430 with GeForce 6100 ... Silverstrand Front Page News 0 09-20-2005 01:24 PM
HEXUS.previews :: S3 Graphics announces Chrome20 series Silverstrand Front Page News 6 09-12-2005 01:44 PM
JVC previews Blu-ray DVD combo Tarkus DVD Video 0 12-29-2004 10:55 PM
automatic creation of Picturegrids with Previews Markus Gronotte HTML 6 11-02-2003 06:53 PM



Advertisments