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>