Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: darkraider en 4 Julio 2011, 10:44 am



Título: Animar botones
Publicado por: darkraider en 4 Julio 2011, 10:44 am
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


Título: Re: Animar botones
Publicado por: #!drvy en 4 Julio 2011, 12:04 pm
Se llama sprite, utiliza 1 imagen de fondo y mediante css modifica todo lo demas. Existen generadores como este (Generador de Sprite CSS)  (http://es.spritegen.website-performance.org/)que lo que hacen es unirte varias imagenes en una y crearte el css.




Saludos


Título: Re: Animar botones
Publicado por: darkraider en 4 Julio 2011, 14:52 pm
Gracias. Eso buscaba. Lo investigo...