Fluide image d'arrière-plan du navigateur pour le redimensionner

Je veux atteindre le fluide image d'arrière-plan de l'effet que vous pouvez voir sur cette page web:
http://217.116.9.130/test2.html (prises à partir de zara.com)

Si vous redimensionnez votre navigateur vers la gauche de la femme dans l'image va à gauche avec votre redimensionnement.
J'ai pris le code de zara.com mais je crois que l'effet est terminé par une langue que je ne connais pas.

Personne ne sait et peut donner un indice (ou à la main moi un lien) sur la façon de le faire à l'aide de jquery, css, ajax ou php?

Merci beaucoup

OriginalL'auteur user523129 | 2011-06-17

  1. 4

    Vous êtes probablement à la recherche pour cette: http://css-tricks.com/perfect-full-page-background-image/

    C'est assez simple à mettre en place donc pas de commentaires supplémentaires nécessaires.

    OriginalL'auteur easwee

  2. 3

    vous pouvez utiliser css3 couvercle de la propriété. pour cela 

    .container{
        background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

    pour vérifier ce lien
    http://css-tricks.com/perfect-full-page-background-image/

    OriginalL'auteur sandeep

  3. 0

    faire un css style

    background-position: center center;

    d'autres options sont

    center top
center bottom
left top

    etc...

    OriginalL'auteur Boopathi Rajaa

  4. 0

    Il y a juste une onResize méthode utilisée dans le code Javascript de sorte que lorsque le navigateur des changements, alors que les changements de la CSS pour l'image d'arrière-plan de sa position.

    Donner à l'image un id: id="fullImage"

    Ils ont ensuite utiliser javascript pour manipuler les left:; de style css.

    Que vous redimensionnez left changements en haut et en bas.

    Cela devrait le faire:

    var el = document.getElementById(fullImage), 
= largeur de la fenêtre.innerWidth, 
imageWidth = [largeur de l'image ici]; 
de la fenêtre.onresize = function() { 
el.style.gauche = imageWidth - largeur + "px"; 
}

    OriginalL'auteur Myles Gray

  5. 0

    Par exemple, si votre image d'arrière-plan est contenue dans votre corps de la balise, puis le CSS doit contenir l'image d'arrière-plan de cession et ensuite inclure:

    top: 0;
bottom: 0;
left: 0;
right: 0;

    De cette façon - quand la fenêtre est redimensionnée, l'arrière - plan change immédiatement avec elle. Même principe pour la fourniture d'un overlay pour une boîte de dialogue modale.

    OriginalL'auteur Chris