resize image in iframe

Hi
I have a PHP page that is essentially going to be a gallery of pictures. Ideally what I want is for a user to click on the numbered link and that loads an image into an iframe on the same page. This works but the images are too big to fit onto the current layout. Is there a way I can use JavaScript to load the image into the iframe and resize it automatically? I've looked on loads of pages and can't seem to find an answer.
Below is the current PHP script, which does everything apart from resize the images:
Thanks!

<?php include("session.php");?>

</HEAD>
<BODY>

<?php include("menu.html");?>

<?
// initialize counter
$count = 0;

// set directory name
$dir = "./flyers";

echo "<table width = '400'><tr>";

// open directory and parse file list
if (is_dir($dir)) {
if ($dh = opendir($dir)) {
// iterate over file list
// print filenames
while (($filename = readdir($dh))!== false) {
if (($filename!= ".") && ($filename!= "..")) {
$pos = strstr($filename, 'Thumbs');
if ($pos == false) {
$count ++;
//echo $dir . "/" . $filename . "\n";
echo "<a class= 'gallery' href = ".$dir."/".$filename." TARGET='myiframe'>".$count."</a>&#160";

}
}
}
// close directory
closedir($dh);
}
}
echo "</tr>";
echo "<tr><td><p><br /></p></td></tr>";
echo "<tr><IFRAME id = 'myiframe' name = 'myiframe' frameborder = '0' WIDTH=400 HEIGHT=250 border='0' >If you can see this, your browser doesn't understand IFRAME.</A>";
echo "</IFRAME></tr>";
echo "</table>";

</div>

<?

//Now close the recordset and the connection object
mysql_close();

?>

</BODY>
</HTML>

<script language="JavaScript" type="text/javascript"> function showimageinframe(imagelink,framename,width,height) { /* function showimageinframe by Sathallrin */ var source = '<img width="'+width+'" height="'+height+'" src="'+imagelink+'" />'; var myframe = document.getElementById(framename).contentWindow.document; myframe.open(); myframe.write(source); myframe.close(); } </script>

resize image in iframe

jackvull

Sathallrin

jackvull

Sathallrin

jackvull

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week