Cargar distintos recursos en una sola imagen

#1 (**permalink**) 09/07/2011, 11:43

Hay una cosa que siempre me he preguntado como se haría.
En el código de algunas webs se puede ver que cargan distintos recursos que están contenidos en una sola imagen.

Por ejemplo distintos botones de formulario están unidos en una sola imagen y luego
Javascript por así decirlo los "separa" para mostrarlo cada uno por su parte.

No sé si me han entendido, como tampoco sé cómo se llama esa técnica no he encontrado mucho en Google al respecto.

¿Me podrían pasar alguna web de referencia o explicármelo ustedes?

Saludos.

----------------EDITO----------------

A esto me refiero:

Panino5001 · #2 (**permalink**) 09/07/2011, 11:58

No tiene que ver con javascript sino con css. Has una búsqueda con clave sprites en google y verás muchos ejemplos.

zerokilled · #3 (**permalink**) 09/07/2011, 12:03

buenas,
a eso se le conoce como imagen sprite. hay mucha información al respecto, incluso generadores. por otro lado, no requiere de javascript, sino de css. basicamente es una imagen de fondo donde le indicas las coordenadas de la imagen a mostrar como fondo.

#4 (**permalink**) 09/07/2011, 20:27

Muchísimas gracias por aclarar mis dudas.