Home Articles FAQs XREF Games Software Instant Books BBS About FOLDOC RFCs Feedback Sitemap
irt.Org
#

Q11 How can I click on a thumbnail in one frame and load the image in another?

You are here: irt.org | FAQ | JavaScript | Frame | Q11 [ previous next ]

First, in the parent.html file:

<frameset cols="120,*">
<frame src="thumb.html" name="thumbFrameName">
<frame src="other.html" name="otherFrameName">
</frameset>

In the thumb.html file:

<script language="JavaScript"><!--
function loadPicture(pictureName) {
    parent.otherFrameName.location.href = "other.html?" + pictureName;
}
//--></script>

<a href="JavaScript:loadPicture('big.jpg')"><img
   src="small.gif" width=100 height=100 border=0></a>

And finally in the other.html file:

<body bgcolor="#000000">

<center>

<script language="JavaScript"><!--
if (location.search.length > 0) {
    document.write("<table height='100%' width='100%'>");
    document.write("<tr><td align=center valign=middle>");
    document.write("<img src='"+location.search.substring(1)+"'>");
    document.write("<\/td><\/tr><\/table>");
}
//--></script>

</center>

</body>

Feedback on 'Q11 How can I click on a thumbnail in one frame and load the image in another?'

©2018 Martin Webb