Banner 100% na tela

[xrafaeloliveira 0]

Boa noite,

 

Gostaria de saber como deixar o banner igual esse desse site http://vonin.com.br/.

 

Eu ate consegui deixar um banner 100% na tela mas pelo que vejo nesse ele não está 100%, está passando de 100%, como se estivesse maior (realmente é maior) para se ajustar aos varias tamanhos de monitores.

 

Mas eu só consigo deixar 100%, e não passando da tela assim.

 

Alguem pode dar uma força ?

 

 

OBS: diminuindo o zoom da tela no site, da pra ver melhor.

 

 

Obrigado

[William Bruno 1501]

esse site usa uma imagem grande centralizada. Apenas isso.

 

cada imagem tem 1920 de largura.

[xrafaeloliveira 0]

Como eu posso centralizar ?

 

Pq eu tentei mas ficou com a imagem cortada, tipo, ela até ficou com 100% da tela, mas ficou cortada, não centralizou.

[William Bruno 1501]

background-position: center top;

[xrafaeloliveira 0]

Certo brother, agora funcionou. Mas no caso seria um banner em flash. Seria a mesma coisa ?

[William Bruno 1501]

não.. em flash vc vai ter q posicionar com absolute e usar overflow: hidden; no body.

 

mas.. se vale a dica, não use flash.

[xrafaeloliveira 0]

Certo, mas então como eu poderia fazer para passar as imagens, como no exemplo do site que dei la /\

 

 

Obrigado pela atenção e paciência.

[William Bruno 1501]

existem varios plugins de slideshow, só pesquisar algum.

 

Como o jCycle

http://jquery.malsup.com/cycle/

 

 

ou então escrever algum na mão.

[xrafaeloliveira 0]

William, você me ajudou bastante com o slide, mas ainda não consegui centralizar.

Da uma olhada como ficou.

http://rafaeloliveirajcs.com/teste/

 

Ele está aparecendo quase que pela metade, o resto ficou pra la >>>

 

Da mais uma força ai.

[William Bruno 1501]

isso é pq vc usou uma tag img, e não um background como eu sugeri.

 

para fazer com <img /> vc precisa centralizar na mão.

position: absolute;
left: 50%;
margin-left: -1000px; /* pq sua imagem tem 2000px de largura */

[xrafaeloliveira 0]

Da uma olhada como em como ficou http://rafaeloliveirajcs.com/teste/.

 

Cortou um pedaço.

[xrafaeloliveira 0]

Da uma olhada consegui fazer o que você falo. Só que ficou com uma barra de rolagem http://rafaeloliveirajcs.com/teste/ horizontal.

Já tentei o overflow:hidden mas continua a mesma coisa. =/

 

Só Deus.

[marcelo duarte 0]

Ola boa noite, sei que esta conversa ja esta resolvida, mas gostaria que o moderador me ajuda-se, to precisando justamente destas informações, fiz uma div ocupando 100% da tela, e a imagem que escolhi pro background tbm ocupa os 100%, agora fazer slide no background?