Hab' ein bißchen herumgespielt, hier ist eine erste Version, vielleicht noch nicht optimal, aber scheint zu funktionieren.
PHP-Code:
<html>
<head>
<title>Malleus' Test</title>
</head>
<body>
Hier kommt ein IFRAME<p>
<div id="myDiv" style="overflow:hidden">
<iframe id="myFrame" style="border:solid 1px black;width:100%;height:100%;overflow:hidden" src="tp2.html" ></iframe>
</div>
<p>
<button onclick="document.getElementById('myFrame').src='tp3.html'">Großes Bild</button>
<button onclick="document.getElementById('myFrame').src='tp2.html">Kleines Bild</button>
</body>
</html>
Datei: tp2.html
PHP-Code:
<script language="JavaScript" type="text/javascript">
<!--
function setSize(obj)
{
var myDiv=top.document.getElementById("myDiv");
myDiv.style.width=obj.width;
myDiv.style.height=obj.height;
}
//-->
</script>
<body style="margin:0;padding:0;overflow:hidden">
<img src="tm9.gif" alt="" hspace="0" vspace="0" border="0" onload="setSize(this)">
</body>
Datei: tp3.html
PHP-Code:
<script language="JavaScript" type="text/javascript">
<!--
function setSize(obj)
{
var myDiv=top.document.getElementById("myDiv");
myDiv.style.width=obj.width;
myDiv.style.height=obj.height;
}
//-->
</script>
<body style="margin:0;padding:0;overflow:hidden">
<img src="m9.gif" alt="" hspace="0" vspace="0" border="0" onload="setSize(this)">
</body>
Online-Test
Vielleicht kannst Du ja etwas davon gebrauchen? Wenn nicht, müßtest Du mehr Infos posten.