Comentários sobre: Preload de imagens do CSS http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/ Dicas de javascript, jquery, ajax Tue, 31 Jan 2012 23:55:52 +0000 hourly 1 http://wordpress.org/?v=3.3.1 Por: André Rodrigues http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/comment-page-1/#comment-363 André Rodrigues Mon, 02 Jan 2012 12:53:15 +0000 http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/#comment-363 Guilherme - Eu dei uma olhada no site que você fez isso, não sei se é ele ainda, o seu problema é só fazer as imagens dos predios movimentares??? Faz uma div e coloca o overflow dela hidden, depois você utiliza o framework Jquery para movimentar uma JPG. Qualquer coisa me mande um e-mail: andrerodrigues@andrerodrigues.com Guilherme – Eu dei uma olhada no site que você fez isso, não sei se é ele ainda, o seu problema é só fazer as imagens dos predios movimentares???
Faz uma div e coloca o overflow dela hidden, depois você utiliza o framework Jquery para movimentar uma JPG.
Qualquer coisa me mande um e-mail: andrerodrigues@andrerodrigues.com

]]> Por: André Rodrigues http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/comment-page-1/#comment-362 André Rodrigues Mon, 02 Jan 2012 12:50:50 +0000 http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/#comment-362 Juliano - Concordo com você, não vejo porque complicar com uma biblioteca Js se pode fazer tudo pelo css utlizando uma imagem com os dois estados. Juliano – Concordo com você, não vejo porque complicar com uma biblioteca Js se pode fazer tudo pelo css utlizando uma imagem com os dois estados.

]]> Por: Jão http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/comment-page-1/#comment-262 Jão Wed, 25 Aug 2010 18:08:37 +0000 http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/#comment-262 GIF ANIMADO DE 800K? vc merece a morte por isso...kkkkkkkkkkkk GIF ANIMADO DE 800K?

vc merece a morte por isso…kkkkkkkkkkkk

]]> Por: Guilherme http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/comment-page-1/#comment-156 Guilherme Thu, 30 Apr 2009 13:42:30 +0000 http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/#comment-156 Muito bom o script. Porém eu me ferrei com ele. =) No meu caso, a img do hover era um gif animado de 800k. O script tirou o movimento dele. =/ Muito bom o script. Porém eu me ferrei com ele. =)
No meu caso, a img do hover era um gif animado de 800k. O script tirou o movimento dele. =/

]]> Por: Anderson http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/comment-page-1/#comment-19 Anderson Thu, 26 Jun 2008 20:53:24 +0000 http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/#comment-19 Uma técnica bem interessante é criar 1 imagem só para os 2 estados: "normal e hover". Vamos suporte que o height do botão seja 20px, então minha imagem deve ter 40px, aí no css é só utilizar o position: #botao a:hover { background-position: 0px -20px; } Isso evita ter que baixar mais um arquivo de imagem somente para o hover e também melhora a performance, uma vez que terá uma requisição apenas e não mais 2 para no caso do hover. Valeu, Anderson Uma técnica bem interessante é criar 1 imagem só para os 2 estados: “normal e hover”.
Vamos suporte que o height do botão seja 20px, então minha imagem deve ter 40px, aí no css é só utilizar o position:
#botao a:hover { background-position: 0px -20px; }

Isso evita ter que baixar mais um arquivo de imagem somente para o hover e também melhora a performance, uma vez que terá uma requisição apenas e não mais 2 para no caso do hover.

Valeu,
Anderson

]]> Por: Juliano http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/comment-page-1/#comment-18 Juliano Thu, 26 Jun 2008 20:52:41 +0000 http://www.ajaxianos.com.br/2008/06/preload-de-imagens-do-css/#comment-18 Não é mais fácil criar uma imagem com o estado normal e hover e no css mudar apenas o "position"? Dessa forma não precisa carregar imagem externa, ele apenas muda o fundoe não precisa usar nada de biblioteca js. Não é mais fácil criar uma imagem com o estado normal e hover e no css mudar apenas o “position”? Dessa forma não precisa carregar imagem externa, ele apenas muda o fundoe não precisa usar nada de biblioteca js.

]]>