Fondo full size (toda la pantalla) en una capa

[WebDeveloperZ]

Buenas !!! me interesa aplicar un fondo como el de la siguiente pagina:

http://i3latam.com/

Lo marco en la imagen por las dudas, necesito hacer eso con unas imágenes:



Muchas gracias !

[AngelKrak]

ese es el efecto Parallax amigo ;) ahi te dejo un ejemplo y codigo ;)

HTML:

Código HTML:

<script src="https://css-tricks.com/examples/StarryNightMoving/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="https://css-tricks.com/examples/StarryNightMoving/js/jquery.backgroundPosition.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function(){
      $('#background').css({backgroundPosition: '0px 0px'});
  
        $('#background').animate({
            backgroundPosition:"(-10000px -2000px)"
        }, 480000, 'linear');
    });
</script>
 
<div id="background"></div>
 

CSS:

Código CSS:

#background {
  max-height: 204px;
  max-width: 1347px;
    background: url(http://i3latam.com/wp-content/uploads/2014/08/bg-twitter.jpg) repeat 5% 5%;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 100;
}
 

Demo:
http://codepen.io/AngelKrak/pen/pJpbqx

[WebDeveloperZ]

Muchas gracias !!!

Una pregunta mas, si te fijas en la pagina que te pase existe otro efecto en la imagen, el mismo se trata de ir mostrando parte de la misma a medida que se sube o se baja, sucede lo mismo con la primer imagen de fondo.

Saludos !

[AngelKrak]

por eso, el codigo que te pase hace eso ;)

[WebDeveloperZ]

Iniciado por AngelKrak

por eso, el codigo que te pase hace eso ;)

Claro, me exprese mal.

Lo que me gustaría saber ahora es como lograr el efecto de esta imagen que esta de fondo (la que tiene los cafes):



La cual se mueve solo cuando se desplaza el scroll.

Muchas gracias Angel !

[AngelKrak]

como te dije amigo ahi tienes el js y css que hace la funcion de mover la imagen solo es cuestion de ponersela a la tuya ;)

UPDATE:
http://codepen.io/AngelKrak/pen/pJpbqx

[WebDeveloperZ]

Iniciado por AngelKrak

como te dije amigo ahi tienes el js y css que hace la funcion de mover la imagen solo es cuestion de ponersela a la tuya ;)

UPDATE:
http://codepen.io/AngelKrak/pen/pJpbqx

Lo se Angel, pero si miras el ultimo ejemplo que te pase es diferente.

La imagen solo se moverá cuando se mueve el scroll.

Y sera de arriba hacia abajo o viceversa.

Gracias !

[AngelKrak]

ya esta amigo, código Actualizado, checa el Link de Nuevo, me imagino que asi es como dices que lo quieres ;)

http://codepen.io/AngelKrak/pen/pJpbqx

[WebDeveloperZ]

Claro ! Sos un genio ;)