I am creating a photogrpahy website:
[url]http://fboyd.coe.uga.edu/~prich/photography/nature/flowers/flowers.htm
As you can see, the image changes as you roll over each thumbnail; the dimensions vary between horizontal and verticle images, and some pages are going to have panoramas.
The problem:
I would like to also include an array of picture frames for people to test around the current image. I’ve tried different ways of doing this, all to no avail due to the fact that I need to be able to do so without specifying the dimensions of the frame (because the pictures being framed will all be changing dimensions). I thought perhaps I could use use the background-image property, but apparently, that can’t be changed. I tried Big Baer’s tutorial ([url]http://www.bigbaer.com/css_tutorials/css.border.image.frame.styles.htm
[url]http://www.alistapart.com/articles/cssdropshadows/
[url]http://www.alistapart.com/articles/cssdrop2/
[url]http://www.alistapart.com/articles/onionskin/
but still have the problem of not being able to resize the picture frame around the picture correctly. Does anyone have any suggestions of how I might be able to do this? I would prefer to be able to do it with just one image per frame as more multiplies the array of pictures by however many pieces are needed (although I readily accept multi-image solutions that work). One of the problems I have is that I can’t just “add” a certain number of pixels to offset the picture by since the relative thickness of each picture frame border is different. Basically, I need to resize the image from the inside, non-frame part of the picture. Any ideas?