Foros del Web » Programando para Internet » Javascript »

Mostrar una parte de la imagen

Estas en el tema de Mostrar una parte de la imagen en el foro de Javascript en Foros del Web. Buenas, teniendo una imagen para un botón, ¿Cómo puedo hacer que onclick se muestre una parte, onmouseover otra, etc? Por ej, natural muestra los primeros ...
  #1 (permalink)  
Antiguo 23/10/2011, 05:53
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1.242
Antigüedad: 13 años, 5 meses
Puntos: 73
Mostrar una parte de la imagen

Buenas, teniendo una imagen para un botón, ¿Cómo puedo hacer que onclick se muestre una parte, onmouseover otra, etc?

Por ej, natural muestra los primeros 20 px, onmouseover de 20px a 40px

Saludos!
__________________
:)
  #2 (permalink)  
Antiguo 23/10/2011, 06:02
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Mostrar una parte de la imagen

a eso le llaman sprites CSS, investiga al respecto
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 23/10/2011, 07:39
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1.242
Antigüedad: 13 años, 5 meses
Puntos: 73
Respuesta: Mostrar una parte de la imagen

Gracias, con algo como background:url(iconos.png) 0 -30px no-repeat puedo tener distintas clases y según interese, cambiar la clase del objeto.

Gracias, +K
__________________
:)
  #4 (permalink)  
Antiguo 23/10/2011, 18:46
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Mostrar una parte de la imagen

Cita:
Iniciado por AplicaWeb Ver Mensaje
Gracias, con algo como background:url(iconos.png) 0 -30px no-repeat puedo tener distintas clases y según interese, cambiar la clase del objeto.

Gracias, +K
y lo mejor de todo es que te evitas el delay que ocasiona si tuvieses 2 imágenes, incluso está tecnica es usada por sitios como youtube para cargar de una vez y con solo una imágen todos los íconos que componen la interfaz, de esta forma optimizas la carga y ancho de banda utilizada por el sitio.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #5 (permalink)  
Antiguo 24/10/2011, 06:38
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1.242
Antigüedad: 13 años, 5 meses
Puntos: 73
Respuesta: Mostrar una parte de la imagen

Si, todos los ejemplos que vi en internet eran con google y http://www.google.es/images/nav_logo91.png
__________________
:)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:51.