Transição de Background

[Miguel Dutra 0]

Olá galera do iMasters...

 

Estou com um pequeno probleminha... O site que estou desenvolvendo, possui "varios backgrounds" em uma pagina só... O Problema, é que nao consigo por a transição automatica pela barra de rolagem (ScrollBar). Ja revirei o nosso querido GOOGLE, iMasters, e nada... Tudo que eu consegui até agora foi a transição por a:hover....

 

Eu gostaria que o efeito fosse semelhante ao deste site:

 

http://mailchimp.com/2012/

Nota: Apenas o efeito de transição das cores do background!

 

Mas, oque eu consegui foi este:

 

http://mteste123.xpg.com.br

 

Peço desculpas pelo "XPG Free", mas é so para testes... Em breve o site sera hospedado em um host decente, este é só um piloto...

[Marcos Xavier 189]

Dá uma lida ae http://api.jquery.com/hover/

Dá uma lida ae

http://api.jquery.com/hover/

[André do Vale 76]

Cara, com javascript é a melhor saída para isto (detecte a altura da barra de rolagem, e mude a cor do fundo). No seu caso é também um site parallax?

 

Sugiro a leitura deste artigo, e dos tutoriais que são apresentados nele: http://www.ladodesign.com.br/desenvolvimento-frontend/as-melhores-tecnicas-e-exemplos-do-efeito-parallax/

[Miguel Dutra 0]

Ogb a ajuda ae... Estarei testando os 2... ;] daqui a pouco posto se consegui ou nao...

 

 

Marcos, oque eu pude entender do link q você me mandou, é basicamente uq eu consegui: utilzar o code (HOVER) para a transição dos backgrounds...

 

 

 

André, teria um tutorial simples com JS para este efeito? O Parallax, pelo que consegui entender, nao serve muito para minha ideia... Se você rolar o scroll do mouse no link do meu projeto com o mouse sobre a pagina, vera que ele faz a transição... Eu gostaria que isso ocorresse sem precisar do mouse, entende?

 

O Efeito de transição que eu procuro ta bem visivel aqui:

 

http://mailchimp.com/2012/#!/section/support - Nesta pagina, role o Scroll para baixo até ele trocar da pagina Support para a Operations.

[André do Vale 76]

Cara, fiz algo bem simples que pode ajudar: http://jsfiddle.net/Gyx5E/

[Miguel Dutra 0]

Cara, fiz algo bem simples que pode ajudar: http://jsfiddle.net/Gyx5E/

Cara, valeu! era isso q eu precisava! Mas, agora preciso transferir do Body para as div's...