Foros del Web » Programando para Internet » Javascript »

Cambio imagen con nombres q varia cuando se pone el raton encima en una unica funcion

Estas en el tema de Cambio imagen con nombres q varia cuando se pone el raton encima en una unica funcion en el foro de Javascript en Foros del Web. Hola, antes de nada agradecer cualquier ayuda que me podais dar, mi duda es que tengo una web que carga una serie de listados en ...
  #1 (permalink)  
Antiguo 06/06/2011, 03:00
Avatar de ramiguens  
Fecha de Ingreso: mayo-2011
Mensajes: 57
Antigüedad: 13 años, 7 meses
Puntos: 4
Cambio imagen con nombres q varia cuando se pone el raton encima en una unica funcion

Hola, antes de nada agradecer cualquier ayuda que me podais dar, mi duda es que tengo una web que carga una serie de listados en pantalla y cada linea tiene una imagen de un carrito que cuando se pone el raton encima quiero que cambie la imagen y el puntero, lo que pasa es que al darle de alta cada imagen de carrito lleva el siguiente codigo carritoMini1, CarritoMini2, CarritoMini3...... la lista puede variar cada dia con lo cual no puedo hacer una funcion para cada imagen, como puedo hacer que al llamar a la funcion coja el nombre de la imagen? el codigo es el siguiente...

function CambiarBotonCarrito()
{
document.images.CarritoMini.src="../_css/_images/cart_add_hov.png";
document.body.style.cursor='hand';
}

function VolverBotonCarrito()
{
document.images.CarritoMini.src="../_css/_images/cart_add.png";
document.body.style.cursor='auto';
}
  #2 (permalink)  
Antiguo 06/06/2011, 08:35
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 4 meses
Puntos: 1532
Respuesta: Cambio imagen con nombres q varia cuando se pone el raton encima en una un

usa una clase CSS para todos esos botones y asignarle otra pseudo clase CSS :hover, para aplicar dichos cambios a todas las etiquetas de dicha clase, sin necesidad de javascript

Código CSS:
Ver original
  1. .clase_boton:hover{
  2.     background-image: url('../_css/_images/cart_add_hov.png');
  3.     cursor: pointer; /* hand para varios navegadores */
  4. }
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: encima, funcion, nombres, raton, unica, cambios
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 21:04.