mira esto hace lo que creo necesitas
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>prueba</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 322px;
top: 30px;
}
-->
</style>
<script language="javascript">
function Cambiar(url, img)
{
alert(url);
alert(img);
document.getElementById('principal').src=url;
document.getElementById('imagen_cambia').src=img;
}
</script>
</head>
<body>
<iframe src="" name="principal" height="300" width="300" id="principal"></iframe>
<p> </p>
<p>Cambia frame</p>
<p><a href="#" onclick="Cambiar('http://www.google.cl', 'imagenes/f1.gif');">num1</a> <a href="#" onclick="Cambiar('http://gmail.com', 'imagenes/retorno.gif');">num2</a> </p>
<div id="Layer1"><img src="" alt="" name="imagen_cambia" width="200" height="116" id="imagen_cambia" /></div>
</body>
</html>
si es asi adaptalo a tu necesidad, suerte..
a se me olvidaba en el caso de la imagen puse una ruta relativa por lo que si lo pruebas directamente , no veras la imagen... cambia las rutas de las imagenes por unas que tu tengas ...