Foros del Web » Programando para Internet » Javascript »

Sobreescribir CSS con JavaScript (cómo?)

Estas en el tema de Sobreescribir CSS con JavaScript (cómo?) en el foro de Javascript en Foros del Web. buenos días chicos. les cuento, tengo un sitio maquetado en CSS tengo un Div especial cuyo fondo es una imagen. necesito hacer que esa imagen ...
  #1 (permalink)  
Antiguo 12/12/2005, 09:19
Avatar de nachopro  
Fecha de Ingreso: noviembre-2003
Ubicación: Haedo, Bs. As.
Mensajes: 290
Antigüedad: 21 años, 1 mes
Puntos: 2
Sobreescribir CSS con JavaScript (cómo?)

buenos días chicos.

les cuento, tengo un sitio maquetado en CSS
tengo un Div especial cuyo fondo es una imagen. necesito hacer que esa imagen cambien con un onmouseover. el problema es que no sé como hacerlo desde js

CSS:
Código:
#titulo {
	margin: 10px;
	height: 100px;
	width: auto;
	background: url(imagenes/titulo.jpg) no-repeat;
}
de qué manera podría cambiar la url del background de ese css??

gracias
  #2 (permalink)  
Antiguo 12/12/2005, 09:21
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 11 meses
Puntos: 772
Hola nachopro

Prueba con esto:
Código:
<div onmouseover="this.background='url(imagen.jpg)'">
Saludos,
  #3 (permalink)  
Antiguo 12/12/2005, 09:59
Avatar de nachopro  
Fecha de Ingreso: noviembre-2003
Ubicación: Haedo, Bs. As.
Mensajes: 290
Antigüedad: 21 años, 1 mes
Puntos: 2
desafortunadamente no me funciona... ya sea en ff o ie :(
  #4 (permalink)  
Antiguo 12/12/2005, 10:04
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 11 meses
Puntos: 772
Hola de nuevo.

Perdón, he tenido un fallo tonto:

<div onmouseover="this.style.background='url(imagen.jpg ) no-repeat'">

Espero que ahora te sirva. Saludos,
  #5 (permalink)  
Antiguo 12/12/2005, 10:05
Avatar de Cap.Buscapina  
Fecha de Ingreso: octubre-2004
Ubicación: Argentina
Mensajes: 836
Antigüedad: 20 años, 3 meses
Puntos: 4
y creando un estilo para esa opcion y luego poniedo:

Cita:
<div onmouseover="this.className='otrofondo'">
__________________
by Capitán Buscapina
.
  #6 (permalink)  
Antiguo 12/12/2005, 10:08
Avatar de nachopro  
Fecha de Ingreso: noviembre-2003
Ubicación: Haedo, Bs. As.
Mensajes: 290
Antigüedad: 21 años, 1 mes
Puntos: 2
ya le encontré la Vuelta...
espero que les sea de utilidad :)

document.getElementById(id).style.backgroundImage = "url('imagen.jpg')";

:)

gracias
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 02:12.