Foros del Web » Programando para Internet » Javascript »

cambiar imagen del div!

Estas en el tema de cambiar imagen del div! en el foro de Javascript en Foros del Web. hola este problema no se como resolver!! lo que pasa es que tengo el siguiente codigo Código HTML: <div class= "imgp" > <img id= "img1" ...
  #1 (permalink)  
Antiguo 06/10/2009, 14:19
 
Fecha de Ingreso: septiembre-2009
Mensajes: 130
Antigüedad: 14 años, 8 meses
Puntos: 0
cambiar imagen del div!

hola este problema no se como resolver!!

lo que pasa es que tengo el siguiente codigo

Código HTML:

<div class="imgp">
<img id="img1"  src="archivos/servicios/inauguraciones.jpg" /></div>
		
<div id="menulistaservicios1">
		<p><a class="botonservicio">Activaci&oacute;n de Marca</a> </br>
		<a class="botonservicio">Animaci&oacute;n de Eventos </br>
		<a class="botonservicio">Aut&oacute;dromos </a></br>
		<a class="botonservicio">Conferencias</a></br>
		<a class="botonservicio">Eventos Deportivos</a></br>
		<a class="botonservicio">Ruedas de Prensa</a></br>
			<a class="botonservicio">Sorteos</a></br>
			<a class="botonservicio">Tequila shots</a></br>	
			<a class="botonservicio">Ferias y Exposiciones</a></br>
		<a class="botonservicio"> Inauguraciones</a> </p>		
		
			
		</div> 
quiero que al pasar el mouse por alguno de esos textos las imagen con id img1 cambia! como le puedo hacer?!
  #2 (permalink)  
Antiguo 06/10/2009, 14:21
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: cambiar imagen del div!

En el evento apropiado puedes usar algo como esto:
Código Javascript:
Ver original
  1. document.getElementById("img1").src = "dirección.jpg";
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 06/10/2009, 14:27
 
Fecha de Ingreso: septiembre-2009
Mensajes: 130
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: cambiar imagen del div!

gracias sr moderado daviD!

jaja tngo algo parecido a eso!!


que es

Código HTML:
<a style='cursor:pointer' onmouseover='document.getElementById("img2").src =archivos/servicios/lanzamientos.jpg;' class="botonservicio" >Lanzamientos</a></br>
		<a>Noches Gala</a> 
pero no me funciona!
y en los errores que me da el mismo explorador me dice que l archivos no esta definido!
  #4 (permalink)  
Antiguo 06/10/2009, 14:31
 
Fecha de Ingreso: septiembre-2009
Mensajes: 130
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: cambiar imagen del div!

Cita:
Iniciado por David Ver Mensaje
En el evento apropiado puedes usar algo como esto:
Código Javascript:
Ver original
  1. document.getElementById("img1").src = "dirección.jpg";
gracias sr moderado daviD!

jaja tngo algo parecido a eso!!


que es

Código HTML:
<a style='cursor:pointer' onmouseover='document.getElementById("img2").src =archivos/servicios/lanzamientos.jpg;' class="botonservicio" >Lanzamientos</a></br>
		<a>Noches Gala</a> 
pero no me funciona!
y en los errores que me da el mismo explorador me dice que l archivos no esta definido!
  #5 (permalink)  
Antiguo 06/10/2009, 14:34
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: cambiar imagen del div!

el valor pasado a src tiene que ser un string, para tu caso encierralo entre comillas dobles.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #6 (permalink)  
Antiguo 06/10/2009, 14:41
 
Fecha de Ingreso: septiembre-2009
Mensajes: 130
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: cambiar imagen del div!

Gracias!!!!!!
ZeroKilled!!

jajaja si que comun mi error!
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 20:50.