O truque é criar uma única imagem para ser o background e movê-la no rollover.
Genial, não precisa de preload e funciona bem em tudo quanto é browser:
www.pixy.cz/blogg/clanky/cssnopreloadrollovers
Publicado por
Elcio
Elcio é sócio fundador da Visie Padrões Web. Pioneiro no uso e divulgação dos padrões do W3C no Brasil, Elcio já treinou equipes de dezenas de empresas como Globo.com, Terra, Petrobras, iG e Locaweb. Além disso, tem dirigido as equipes da Visie no desenvolvimento de projetos web para marcas como Brastemp, Itaú Unibanco, Johnson & Johnson e Rede Globo.
Ver todos os posts de Elcio
Sem problema. <= Da primeira vez que bati o olho, pensei a mesma coisa: “é jogada!”. Por acaso, resolvi conferir… A solução é realmente, no mínimo, engenhosa. 😉
Realmente Peka. Agora que fui perceber que é apenas uma imagem mas com as três figuras. Desculpe a ignorância, isso é o que dá tirar conclusões sem prestar atenção. I’m so sorry =>
É uma imagem só, num tem essa de “do mesmo modo que (…) JS sem pré carregamento”. Demora só o tempo de processamento, que é ínfimo.
É interessante com certeza. => Mas essa do “no preload needed” é jogada. Se você não fizer o preload das imagens rollover com JavaScript, um usuário com conexão mais lenta vai esperar um determinado tempo para vê-la, após passar o mouse, do mesmo modo que se fosse feito a imagem cabiar com JS sem pré carregamento. Sai do JS para entrar no CSS.