Fluid background image on browser resize

jquery css image background fluid
ADM picture ADM · Jun 17, 2011 · Viewed 17.5k times · Source

I want to achieve the fluid background image effect that you can see in this webpage: http://217.116.9.130/test2.html (taken from zara.com)

If you resize your browser to the left the woman in the image goes left with your resizing. I've taken the code from zara.com but I suspect the effect is done by a language I don't know.

Does anyone know and can give a clue (or hand me a link) on how to do it using jquery, css, ajax or php?

Thanks a lot

Answer

easwee picture easwee · Jun 17, 2011

You are probably looking for this: http://css-tricks.com/perfect-full-page-background-image/

It's quite simple to implement so no additional comments needed.

Related questions

CSS or jQuery scalable background image with NO white space underneath when img height is less than window height

Oldie but goodie, I know. This question is asked so many times and yet I haven't had a definitive answer. Scalable background image, preferably CSS only, willing to use jQuery in support if it's a must. A problem I've run …

Read More
Disable dragging an image from an HTML page

I need to put an image in my page. I want to disable dragging of that image. I am trying lot of things but no help. Can somebody help me out ? I don't want to keep that image as a …

Read More
How to silently hide "Image not found" icon when src source image is not found

Do you know how to hide the classic “Image not found” icon from a rendered HTML page when an image file is not found? Any working method using JavaScript/jQuery/CSS?

Read More