Thumbnail to Large?

[MrMegaFlump]

Hello all, wonder if you could help me.

I have created thumbnails for images I wish to use, the only problem is that I want people to be able to see my images full size due to them being photographs. Does anyone know of a way to be able to resize the images to large size and keep the photo quality of the images too though either being linked or through a mouseover?

Thank you.

[felgall]

Hopefully you still have a copy of the larger version of the images. What you do is to upload both the thumbnail version and the larger version. The thumbnail version will be in the page itself and will use either a <a> tag or JavaScript to open the larger version when the thumbnail is clicked on (or hovered over - depending on how you set it up)

[JKnoch]

Once you shrink the image down to a smaller size, there is no real way to resize them to a larger size and keep the quality perfectly.

I think the easiest way to achieve the effect your looking for is to size all the images to your full size version. Lets say it's 800x600. On the page set the image to be the thumbnail size of lets say 80x60.

You can then easily make a hidden div that will display your full size images.
You can use a javascript that "onclick" or "rollover" makes the hidden div become viewable.

You can do this very simply and make a div for each image, or give each image an id, and change to the script to show the image id of the clicked image. This is a little more complicated, but can easily be updated.

If you need some more help on the coding, just ask.

[KDLA]

I think the easiest way to achieve the effect your looking for is to size all the images to your full size version. Lets say it's 800x600. On the page set the image to be the thumbnail size of lets say 80x60.
Hopefully, you're referring to sizing through the image editor, not through HTML. Else, you're asking the page to load multiple images with huge file sizes. It will take forever for the page to load, if so.
Also, be sure to check the resolution and file size of your images. High resolution is a waste for screen viewing; you're just adding weight to the file size with more dpi, not the viewer's experience, because the screen will not render the difference. Average resolution for web images is 72 dpi. Also, keep your full-size image's weight at 50-100 KB for downloading purposes.

For display, I suggest you look at this script here: http://www.huddletogether.com/projects/lightbox2/
It's very popular and easy to use.

[JKnoch]

I assumed he had some programs to resize the pictures outside of html, so he would have 2 versions of the picture. The script I was thinking of is alittle different but works basically the same way.