View Full Version : Browser Scale-able Homepage Image

10-11-2012, 03:27 AM
I'm trying to make the pano look similar to the one on name.com homepage. So it fills the whole space that you see and when you resize the browser the image shrinks proportionally and is not cut off.
I've tried several different things, but I can't seem to get it quite right. The image wants to tile and it doesn't scale down, it just gets cut off. http://d.pr/i/aUbM

Here is what I currently have plugged in for the code on the css side it is section.hero - http://d.pr/i/tRPU

Are there any suggestions anyone could give me or tutorials anyone could direct me to?

10-11-2012, 06:07 PM
The image name.com uses is 1200x800. its done like this:

background: url('bill-group-bikes_opt.jpg') top left white no-repeat;

10-11-2012, 06:26 PM
if you cant find something to work quite the way youd like, here is one of a few jQuery plugins that will do it. http://srobbin.com/jquery-plugins/backstretch/