Foros del Web » Creando para Internet » CSS »

cambiar imagen en div

Estas en el tema de cambiar imagen en div en el foro de CSS en Foros del Web. Hola tengo el sgte codigo <html> <head> <title>Ejemplo1</title> <script language="JavaScript" type="text/javascript"> var boton1_off = new Image(); boton1_off.src = "izquierda.jpeg"; var boton1_on = new Image(); boton1_on.src ...
  #1 (permalink)  
Antiguo 21/01/2011, 04:14
 
Fecha de Ingreso: diciembre-2010
Mensajes: 459
Antigüedad: 13 años, 4 meses
Puntos: 21
cambiar imagen en div

Hola tengo el sgte codigo

<html>
<head>
<title>Ejemplo1</title>

<script language="JavaScript" type="text/javascript">

var boton1_off = new Image();
boton1_off.src = "izquierda.jpeg";
var boton1_on = new Image();
boton1_on.src = "derecha.jpeg";

function cambiar(x){

if (x=='i'){

document.getElementById("muestra").src = boton1_off.src;
}else{

document.getElementById("muestra").src = boton1_on.src;

}
}
</script>

<style type="text/css">
.muestra{
background-image:url("fondo.jpg");
border: 1px solid #aaaaaa;
}
</style>
</head>
<body>

<div class="muestra" id="muestra">
<img src="izquierda.jpeg" onclick="cambiar('i');" name="i" />
<br>
<img src="derecha.jpeg" onclick="cambiar('d');" name="d" />
</div>
</body>

</html>

y quisiera cuando presiene alguna de las imágenes cambien el fondo del div,
pero no cambiar y tampoco sale algun error, alguien podria saber en que falla, la ruta de la imagen esta bien porque si me cargan

Saludos
  #2 (permalink)  
Antiguo 21/01/2011, 04:22
 
Fecha de Ingreso: diciembre-2010
Mensajes: 459
Antigüedad: 13 años, 4 meses
Puntos: 21
Respuesta: cambiar imagen en div

Ya encontre la solución,por si a alguien le interesa esto la dejo aqui,decir que la solución la encontre en un tema pero decía que solo sirve en local y en servidor parece que no, aquí esta el código

<html>
<head>
<title>Ejemplo1</title>

<script language="JavaScript" type="text/javascript">


function cambiar(x){

if (x=='i'){
document.getElementById("muestra").style.backgroun dImage = "url("+"izquierda.jpeg"+")"

}else{

document.getElementById("muestra").style.backgroun dImage = "url("+"derecha.jpeg"+")"

}
}
</script>

<style type="text/css">
.muestra{
background-image:url("fondo.jpg");
border: 1px solid #aaaaaa;
}
</style>
</head>
<body>

<div class="muestra" id="muestra">
<img src="izquierda.jpeg" onclick="cambiar('i');" name="i" />
<br>
<img src="derecha.jpeg" onclick="cambiar('d');" name="d" />
</div>
</body>

</html>

Etiquetas: Ninguno
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 15:09.