enlarge popup

[david hodges]

right now i have three frames-one is a table with a set of thumbnails in it, the other is an enlarge frame so that when a thumbnail is clicked, it is enlarged in the other frame. what'd i'd like to do is instead of enlarging it in another frame, i'd like to have it enlarged in a popup window. i will have nearly 100 thumbnails so i need a way to enlarge them into a popup without having to create 100 separate HTML files which i can already do. any help? thanks in advance.

[Eric Pascarello]

You can have it open the image file directly
<image src="blah.jpg" onclick="widow.open(this.src)">

You can have it write it to the new window.

<script type="text/javascript">
alienPop=false;
function openWin(xImg){
  if (alienPop && !alienPop.closed){
    alienPop.focus();
  }
  else{
    alienPop=window.open("about:blank");
  }
  str="<h1>Image Viewer</h1><hr/>";
  img="<div style='text-align:center'><img src='"+xImg+"'></div>";
  alienPop.document.open();
  alienPop.document.write(str + img);
  alienPop.document.close();
}
</script>
<image src="image.jpg" onclick="openWin(this.src)" style="width:100;height:100">

The third way to to build a template and pass the image in a query string. You then have the script fill retrive the image from the querystring and set thesource. I do not have time to write up that code.

Eric
Note: I did not test the code above, I wrote it on the fly, it should work!

[Eric Pascarello]

I can make the second script easier on you if you do not want to add an onclick handler to every image. If you are interested, I can write it up for you.

Eric

[david hodges]

thanks for the help! i used your idea with a few changes of my own and it works very well. i'd show you but i'm having trouble inserting code into this text box and its pissing me off so i just gave up. thanks again!