Animar botones

[darkraider]

Hola gente, he visto por ahí que para una barra horizontal cargan una sola imagen, que contiene todos los botones en horizontal y en varias lineas los botones alterados y luego al pasar por arriba cargan una zona de la imagen... no se si me explico bien.
Si tengo esta barra
B1 | B2 | B3
la imágen tiene lo siguiente:
B1 | B2 | B3
b1 | b2 | b3
Cuando carga la página se ven los B's pero cuando paso por encima de uno de los botones se carga su b (minúscula).
Yo eso hasta ahora lo hacía en imágenes separadas, pero la primera vez que pasaba por encima se tenía que descargar la imágen... luego retardo en la funcionalidad...
Alguien sabe como se hace eso?
Salu2

[#!drvy]

Se llama sprite, utiliza 1 imagen de fondo y mediante css modifica todo lo demas. Existen generadores como este (Generador de Sprite CSS) que lo que hacen es unirte varias imagenes en una y crearte el css.




Saludos

[darkraider]

Gracias. Eso buscaba. Lo investigo...