Help with photos....

I am working on a website for a furniture refinishing company. I am curious as to which would be the best way to display a series of "before" and "after" pics. My issue is that the company supplied photos, but they are all in different sizes and dimensions. It is difficult to make them appear the same size without distorting them. Any suggestion would be great.

-Cheers-

How to display them depends on how the rest of the page is structured.

You can't really go wrong with a basic two-column layout of it.

To fix the size issue, I'd suggest simply resizing them in Photoshop to have the same height dimension; with a proportional width.

Yeah you can batch resize all of your images in Photoshop or Photoshop has a direct option of making a web gallery for you, Just set the input folder, set the parameters (Hieght, Width etc ) and Photoshop will do the rest of the job - resizing it into same sizes and creating webpages for you. You can apply little HTML tricks and can easily incorporate this photoshop built gallery into your project.

The easiest way would be to batch process all your photos and put them in two columns.

OR

The other way would be to resize your images and put them on the same canvas, creating one image. Then make thumbnails and put them in a Lighbox or Fancybox gallery.

Links (I have tested the top two on previous client work):
http://fancybox.net/
http://leandrovieira.com/projects/jquery/lightbox/


Haven't tested this one, below.

http://www.huddletogether.com/projects/lightbox2/

Ookie and everybody else thanks so much for the assistance! This fancy box idea seems to be the best option for what I am trying to do. Thanks very much again!