So we have a new unspace labour of love project to be released shortly called Looking Real Good, more on that later. Since the main focus of the site is an image we wanted to make sure that as the image gets passed around the internet or stored on a hard drive the photographer still gets credit and the user always knows where the image came from. That being said we didn’t want to clutter the image with superimposed info that’s already on the webpage. So Lukas and Pete came up with the concept of adding the content to the image at the bottom and using CSS to hide it from view.
bq. I just set up a div#id called “main_photo” and then simply printed the image inside. By giving the div a height of 628px with overflow:hidden. Because the image is 700px the rest of the information is simply not visible on the page.
#main_photo { overflow: hidden; height:628px; }
So unless you download the pic you never see the info on the image. But when you do download it you get all the good stuff as well as the creative commons license info (no excuses).
Website View
Downloaded Image
