Expanding Photos

  Mickeyjoe 13:27 10 Aug 2004

I am using DreamweaverMX and want to allow visitors to click on an image and get a full size photo without them having to download it or save to disk.
Any advice please.

  Sethhaniel 08:51 11 Aug 2004

on seperate page with hyperlink from original
and back button to original
- examples on :-
click here

  Talented Monkey 11:14 11 Aug 2004

There is nothing more frustrating than having to wait minute after minute waiting for a web page to load with an image that is a huge files size or gallery containing 100s images, particularly if you are on dial up. Producing thumbnails, or reduced quality smaller images with a link to display the original image is best way to do this, for linking to extremely large images I normally just put the file size under the image to give the visitor an idea how long the full size image will load.

TO do this all you need is a simple graphics package or special gallery or thumbnail software, such as click here click here There is also a free service available Irfanview click here which is free services but does have a max file size restriction .

If you only have one or two images to show then your thumbnails can be slightly bigger than if you want to put up several dozen on a page, then obvisouly smaller better, but not so small people ant see what the image is! Ideally If I were just displaying a few images then around 150x150 pixel and no more than 10kb in size, but for a gallery then I would like to go for 100x100 pixels and no more than 5kb per image. Another tip , if you have 200 images then DO NOT put them all on one page, break the gallery up in to pages of say 25 –50 images per page.

Once you have converted your image, say we call it holiday1.jpg, into a smaller image, name it as something like holiday1_tn.jpg or holiday1_small.jpg
Now all you do is create the small image as a hyperlink to the original.. You can create a separate webpage for the link so the image is displayed with your colour scheme navigation buttons extra text etc, or just link direct to the image which will then display but with nothing else. Only problem with latter is that people will have to use browser back button. So if you do opt for this method open the image up in a new window. Personally I use php template page so no matter what image is selected the same webpage is used without need for creating 10000 separate pages for each image.

Here is an example of some HTML

< a href=”holiday1.jpg”> <img src=”holiday1_tn.jpg”> </a>

simple isn’t it!

One more point. Contrary to popular belief simply resizing an image with in the source code WILL NOT reduce the load time or file size. Unfortunately Sethaniels link demonstrates this wonderfully !! therefore an image that is 800kb will still take the same length of time to load using the height width sizing as It would in its original form.

Hope this is of help.

  Sethhaniel 11:55 11 Aug 2004

a simple java applet will return you to page viewed from

  Mickeyjoe 13:31 11 Aug 2004

Thank you 'Talented Monkey' and Setnaniel for you prompt responses. I will try both suggestions, but I have a sneaky inclination that I have some free software from 'Coffee Cup' and I will hunt it out. Again, thanks.

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

AMD Radeon Adrenalin release date, new features, compatible graphics cards

Inside the iMac Pro - Apple's most powerful Mac yet

iMac Pro release date, UK price & specs

Comment nettoyer Windows et optimiser son PC gratuitement ?