Image HTML popup

There are two ways to use close window, you can have a link (below) or a click anywhere to close window .

Each of these methods will open the window in it's own html element, genereated by the javascript.

This is this close window link. It is simple to use, add the following to your pages head area;

<script language="JavaScript" type="text/JavaScript">
  function imgWin(url,width,height) { 
  features= "width=" + width + ",height=" + height; 
  newWin = window.open ('', '', features); 
  pageCode = "
  <html>
  <head>
  <style type='text/css'>
body {margin:0; padding:0; border:0; font-family: Arial; background-color: #cdc7bf; text-align: center;}a:link {color: #003333;font-size: 10px;} a:visited {color: #003333;font-size: 10px;} a:hover {color: #886600; font-size: 10px;}
  </style>
  </head>
"; 
  pageCode += "<img src='" + url + "'><br>
  <a href=\"javascript:window.close()\">Close Window</a><br />
</p>
</body></html>"; 
newWin.document.write(pageCode);
}
</script>

Then this is the link code that can be put anywhere you want the link

<a href="banners/image1.jpg" onclick="imgWin(this.href,'255','380'); return false;">Click for close link!</a>

Test it out!

Click for close link!