Forum Home
Press F1
 
Thread ID: 44574 2004-04-23 09:05:00 Creating a thumbnail gallery for images chiefnz (545) Press F1
Post ID Timestamp Content User
231525 2004-04-23 22:57:00 Powa I see what you mean. So would I be better to save them down to say 100 by 100 with irfanview, and use two pics, the thumbnail size and the larger what it links to? Sorry if this is a dumb question, but I am a learner, and if I dont ask I dont learn:D
I know someone further down the list, well they will be above this one, showed how he/she did it but they lost me. At the moment, as you said I use the same photo, just with different size in the width height, so if I <a href="57c.jpg" height="100" width="100">57cbigger.jpg being the 100 by 100 is resized to that, and the other left big, does that work.
supergran (108)
231526 2004-04-23 23:23:00 If you use the original pic and 'resize' it to show the thumbnails, then the original pic still loads in all its glory, but just shows on screen as a clickable smaller thumbnail.

You have it sorta right, supergran, actually copying and resizing the pics to , say 100 by 100 and using them as thumbnails (you then don't need the the height="100" width="100" modifiers in the HTML code), will give you what you want. Your code is back to front though, (not saying that wont work, but it's not how I set it out)

so the code would be:

the small picture.jpg (the large picture.jpg)


J
:D
Jester (13)
231527 2004-04-24 00:48:00 Ha!! Got it!! :D

Here is the thread ( . pcworld . co . nz/thread . jsp?forum=1&thread=28215&message=109406&q=susan#109406" target="_blank">pressf1 . pcworld . co . nz) with the link to the program in Jester's post . Thought I would link to the thread in case the other info was useful as well, though the info given in this thread is excellent . :-)


Supergran: As Jester and the others have said, it is better to use two copies of each of your pictures - one at the original size and the other resized to thumbnail dimensions . That way the page with the quantity of thumbnails will load much faster .

If you just make the width of the original smaller the images still have to be downloaded at their original file size even though the browser displays them smaller, so your webpage visitors still have to wait a long time for them . The whole idea is to make your thumbnail page load as fast as possible and it can't if the images are full size .
Susan B (19)
231528 2004-04-24 09:04:00 Hey guys thanks for the info, I used Photoshop and it works like a charm.

Once again the Press F1 community saves the day.

cheers
chiefnz
chiefnz (545)
231529 2004-04-24 09:36:00 And I also say thanks heaps, and it isn't the first time I got things back to front .

Writing that down in my notebook now, so I can change my page, just as soon as I resize all those pics . LOL

Will go look at that thumbnail maker, as I feel it may be quicker than me doing 40 resizes . LOL
supergran (108)
1 2