How best to show front and back of photo on a website?
How best to show front and back of photo on a website?
Author
Discussion

paul.deitch

Original Poster:

2,315 posts

286 months

Wednesday 20th November 2013
quotequote all
I am redoing our family history website and having been given a large number of old black/white family photos would like to feature them in galleries. Many have names and notes on the back which I would like if possible to show in some way connected to the photo. I could imagine a black arrow placed on opposite sides of the two scans (front and back) indicating that they were connected (a lot of work) or indeed shopping the two together although it seems a waste to lose half the space available for sometimes very few words on the back. Are there any other ideas that I haven't thought of which others have used? If it makes any difference I am using Joomla 2.5.

mrmr96

13,736 posts

233 months

Wednesday 20th November 2013
quotequote all
Put a "stamp" in the corner of each with something like "Photo 123 Front" and "Photo 123 Back". Make sure they have similar file names and are uploaded together so they appear adjacent and people will get it.

Also, if when you're scanning them in, you're able to give them sensible names like "Photo 123 Front.jpg" and "Photo 123 Back.jpg" then you can probably get some software which will then automatically apply the file name to the top corner as a "water mark".

pilbeam_mp62

955 posts

230 months

Thursday 21st November 2013
quotequote all
How about writing the website code so that when you mouse over the image, a text box appears with the relevant information....

mrmr96

13,736 posts

233 months

Thursday 21st November 2013
quotequote all
pilbeam_mp62 said:
How about writing the website code so that when you mouse over the image, a text box appears with the relevant information....
If it was just text then it could be typed up as a description. I get the feeling that the OP would want to retain the features of the hand written note, by including its image, rather than it's text content. (It would also mean having to type up all the cards, which may take too long to be feasible.)

paul.deitch

Original Poster:

2,315 posts

286 months

Thursday 21st November 2013
quotequote all
^^^^ That's right. I have several different languages and some original notes on the backs are from my research obviously incorrect, so there is a certain charm about being able to show the original "document" to later generations as well as the translation/corrections/explanation in text. I find it a fascinating hobby and the invention of the web to assist it was a godsend.

Simpo Two

92,694 posts

294 months

Thursday 21st November 2013
quotequote all
Could you make the rear view appear as a hover?

crmcatee

5,803 posts

256 months

Friday 22nd November 2013
quotequote all
I'd just go for scanning them both in, Opening the front one, Running an Photoshop action which basically doubles the size of the canvas and paste the rear one in adjacent to it.

Save it as one bigger image. Job done.

pilbeam_mp62

955 posts

230 months

Friday 22nd November 2013
quotequote all
mrmr96 said:
pilbeam_mp62 said:
How about writing the website code so that when you mouse over the image, a text box appears with the relevant information....
If it was just text then it could be typed up as a description. I get the feeling that the OP would want to retain the features of the hand written note, by including its image, rather than it's text content. (It would also mean having to type up all the cards, which may take too long to be feasible.)
Yes - good point. OK - I think there are some other good suggestions here, so hopefully one of them will work for OP.

Pixel Pusher

10,404 posts

188 months

Friday 22nd November 2013
quotequote all
Thought about pop up sliders or before / after sliders?

Look at these links. Pop up could work with a text box, before / after could work if you want authenticity. Scan both sides as mentioned then use the slider to go between the two.

If you're building in wordpress, I'd imagine both are available as plug ins.

http://wowslider.com

http://plugins.sharkslab.com/before-after-slider/

Good luck, sounds like a great project.