creating thumb nails( I think)

[wardD]

hello all.

so what is the deal with sites that have a small picture of what ever, and once you click on them they they the come back bigger.

I am guessing that is what a thumbnail is?

anyway, can you pull that off with simple HTML or do you need java script or something.

I ask, because the wife was cruising around wood working sites and came accross a spot on msn that encourages you to pop up some of your peices, bla bla bla, so she did, using the same pics as i have on my site.

anyway, when you go to the site, our pics are small, but you click on them and they come up bigger. the point being, I havent had time to play around with paint shop and learn how to properly resize images. On the msn site the pics look good(just like full size but smaller. on my site, they are way inferior.

so I guess I am wondering how msn takes 1200x1600 pics, that I resized by guess( she just d/loaded the pics off my site to put on her msn thing)and makes them come out looking good.




:eek:

by the way, the site is coming along,I realy need to work on my imaging skills, it would improve things a lot. but hey, winter is here in my neck of the woods so it will give me something to focus on!!.

thanks for all the help. ward.

[nothing]

Wait! DON'T MOVE! :D

I'm about to finish a program I'm writing that I think you will find really useful. While you wait, PM me with your e-mail and I'll happily send it to you as soon as I finish it so you can give me your opinion on it. Thanks!

[nothing]

I tried to send you the program on the address you gave me but it returned. Check your PM, I sent you my e-mail address. Send me an e-mail and I'll just reply with the program. Thanks.

[wardD]

weird? Ive been watching too. I saw your pm so i replyed to that. that should do it yes?

[nothing]

Yes. You've got mail :D

[wardD]

ok, I have it but dont realy know what to do with it. I will read your "e" a couple times and roll with it!!

thanks, ward.

[wardD]

most exelent dude!! havent got it all figured yet but its looking like a very simple way to do what i am thinkin of doing.


cudoe,s

ward.

[Hola hoop]

Hello ward, nice to see you still at it.

Thumbnailing is an easy concept. Basically you have your picture/photo whatever...

You put the image onto your webpage and adjust the size and so forth. The easiest way to make a thumbnail is simply to adjust the size on your webpage to sumthing like 100 x 100 or like 3cm by 3cm depending on your resolution.

Ok the image is on your page but quite small. Now all you do is create a link from THAT image (thumbnail) to the NORMAL SIZE image in your folder

Example


<img src="screenshot01.jpg" width="120" height="110" hspace="20" vspace="30" border="0">
<a href="screenshot01.jpg" target="mainFrame"></a>

The first part, as you are aware is the image, notice all the dimensions i used, this gives a reasonable sized thumbnail.
The second part is the link to the ORIGINAL UNSIZED PHOTO. The target = "mainFrame" is where i want the picture displayed ie same screen or another window.

Hope this helps :t

[DocEvi1]

nothing, whats this program then?

[wardD]

thank you Hola hoop, ya, I do beleive that is what i needed to know.

my pics are in my public folder(full size) then I have them <a href,ed in a file called gallery.html(resized smaller for the web site.). So I just kinda rewrite the code in the gallery file like you have above and that should do it?? right?

thanks again, ward.

[nothing]

Originally posted by DocEvi1
nothing, whats this program then?

It is not finished yet but if you want to try it I'll e-mail it to you. Just PM me if you're interested.

[ScaryBinary]

Originally posted by Hola hoop
You put the image onto your webpage and adjust the size and so forth. The easiest way to make a thumbnail is simply to adjust the size on your webpage to sumthing like 100 x 100 or like 3cm by 3cm depending on your resolution.

The down side to this (I think) is that your filesize will be the same for the thumbnail as it is the full-size image. Meaning if you have a 500KB image, then you'll have a 500KB thumbnail as well (...big files means longer time to load the page in the browser). If you want to keep your file sizes smaller, then you should resize the image with a photo-editing program to the thumbnail size you want, save it as a separate file, then upload it.

Or use nothing's program, if it does that. :)

[wardD]

nothings program works like a dream on my computer, that is to say i open the index folder and every thing works as it should, I have the thumbnail, klick it and it goes to a nice sized enlargment.

however, me being me, i have probably did something wrong in the code and i just get a 404 error when i try it on my site.

o well, I will keep playin with it. if i figure it all out it will save me hours of typing( I dont type worth a *****) but on the up side it has defenatly improved as of late. its almost time to pull out mavis bacon:eek:

regards, ward.

[rraehal]

I would chage the code from Hola to look like this:

<a href="screenshot01.jpg"><img src="screenshot01small.jpg" width="120" height="110" hspace="20" vspace="30" border="0"></a>

If you do not put the image inside the link, you will not be able to click the thumbnail to get the image.

I agree that you should make small thumbnails manually. You can see in my code the original image and the thumbnail are different images. one is designated by the word small at the end.

Your page will load faster with small image on the thumbnail page and a user can load only the images he or she wants to see full screen. You can save traffic that way.

[wardD]

I will get a testing page together, and run some of your ideas in a browser so i get the hang of things.

thanks all. ward

[wardD]

nothing, got it all figured. works like charm.

many thanks. ward.

[nothing]

:D

I'll send you a newer version as soon as I finish it.

[wardD]

cool!!

[Hola hoop]

Originally posted by ScaryBinary
The down side to this (I think) is that your filesize will be the same for the thumbnail as it is the full-size image. Meaning if you have a 500KB image, then you'll have a 500KB thumbnail as well


Yep your quite right scary binary. it does present the problem of having to load the fullsize image, just displaying it in a different size format.

Basically its just the quickest way to do this and you dont need double the amount of pics in your folder :p