aplicar fade em body sem afetar o conteudo

[Claudemir Vaz 0]

Olá bom dia qro trocar a imagem do body com efeito fade sem afetar o conteudo com o efeito é possivel?

[William Bruno 1501]

é possível sim, mas ai a imagem não vai estar no body de fato, mas sim numa camada no mesmo nível.

 

pode até usar um z-index negativo para isso.

[Dian Carlos 29]

Pra trocar você deve dar uma olhada na função css() do jQuery. Você só precisaria dela no caso de trocar a imagem no body do documento, mas ai não teria o efeito fade. Então faça como o @William Bruno disse, use uma div por baixo do conteúdo principal, ai você pode aplicar a função fadeOut e fadeIn nessa div.

[Claudemir Vaz 0]

Sim eu fiz isso coloquei uma div com z-index negativo mas quando aplico o efeito fadeOut e fadein ele aplica em todos os itens que estão nela

da uma olhada no site

 

http://www.pasoloungebar.com.br/pagina-inicial

 

Qro tambem fazer um pre carregamento das imagens que mudam mas nao compreendo muito bem disso ainda

[Dian Carlos 29]

Para não acontecer isso minha sugestão é essa parte do 'arco' que tem embaixo da foto, por ser igual em todas, ele não deveria mudar, deveria ficar fixo, então cara, pega e separa essa parte de baixo e coloca também com z-index negativo e posiciona no lugar certo da página, mas agora a imagem deve ficar por baixo desse div ou seja, a imagem será a camada 1, o 'arco' a camada 2 e o conteúdo é a camada 3.

 

O site ta ficando legal cara, parabéns..