Thumbnail Pictures

They have: 9 posts

Joined: Mar 2002

I have just started building a website on my favourite band, this will involve a pictures section. I was wondering how you make the thumbnail pictures you have, link to a plain page displaying the picture at a bigger size? Im not sure if this is quite clear? Basically i want to know how to link small pictures in to the bigger one?

Please visit my site:

http://sclub7capital.cjb.net

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Normally the way you would do this is to first create two sets of images - the smaller thumbnails (around 100-150 pixels wide) and the larger images. If you have Photoshop, you can set up an action to resize your images automatically so you don't have to do it separately for each individual image. Then you would create your HTML page, with a table used to set your thumbnails out in rows. Each thumbnail would then be linked to a larger image - either just to the .jpeg image or to an HTML page containing the image. I have some photo galleries here that is set up that way (okay, I didn't do all of those myself, which is why the formats can be rather inconsistent between galleries)

However, I do know that there are tools out there that will do all of the above for you. Hopefully someone will have some recommendations - I'd certainly be interested as well.

Busy's picture

He has: 6,151 posts

Joined: May 2001

Iranview - free image previwer, and movies, sound etc (also does rotating, color enhancing, cropping, resixing ...) but makes thumnails and the html for you, just find the directory, set the thumbnail size you want (can even choose the file name) with a press of a button your all done.
then you could either just upload as is, or make the html file to suit your layout.
Its not only free but very very fast, dont have to wait for it to load, awesome for viewing all files (has next and previous) and slide shows
http://www.irfanview.com/

They have: 117 posts

Joined: Feb 2002

I use a program called Thumbnailer which does a very nice job and is very flexible

They have: 9 posts

Joined: Mar 2002

Great ok you have really helped, thanks for the advice

They have: 9 posts

Joined: Mar 2002

Is there any where i can get instructions on maybe using Irfanview? Im finding it a little confusing.

Busy's picture

He has: 6,151 posts

Joined: May 2001

oops just looked at that site and its just about cropping, resizing etc.
for thumbnails, open up iranview (if you set it as image default in future you can just click on image, (press p, then extensions, choose image types, i just have jpg, gif and bmp), back to thumbnails Smiling
if you choose to have iranview as default, you could now double click an image from the folder you want a thmnail of, this just saves finding the directory each time Smiling
once you have iranview open and have the right directory click on file/thumbnails (or press t), this will display thumbnails of all the images in the folder you are in (usually from where you opened it up from or image you opened, if not then you find the folder),

from here you can adjust the thumbnail size, select certain ones and other things, on the thumbnail section (list of thumbnails) click on options/set thumbnail options , default is 80x80 so if you want to change this is where to change from Smiling click ok or cancel
if you want all of them you can use the shift select top right and bottom left, or options/select all. or you can just pick one or two, hold down ctrl while you pick them. once you have tham all, click on file/save selected thumbs as HTML file, choose where you want them saved, (best if you choose the same folder, it adds a "_t" to the image so wont overwrite), click ok and you have yourself a clickable html file with your thumbnails, it may use the complete path C:// .. so you'l have to change this to suit your web pages, but you'll probably add your own layout to it anyway.

you can play around with the options, some are very handy, like the batch conversion, viewer, slideshow, screen capture (never noticed that before lol)

if these instruction of mine are hard to follow, press f1 while in iranview (which will bring up help) then click on contents/thumbnails/thumbnail window

**lol I should of just directed you there first instead of trying to explain it**

Irnaview has heaps of built in options, I've used it for years and is one of the best bits of software i have. play around with it, find out what it does, it will amaze you

DC_Sara's picture

She has: 392 posts

Joined: Jan 2002

Thank you Busy! I will have to play around with iview later on this weekend. Hubby got it for me a few days back and I have some major pictures to post. Smiling

Sara

~*Sara*~

They have: 11 posts

Joined: Mar 2002

nice looking website but.. dood its S club 7 what wrong with you go with Slipknot!!

They have: 9 posts

Joined: Mar 2002

No i hate Slipknot! Well we can't all have the same taste in music Smiling

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.