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