Two steps to install thumbnail viewer

By steve petersen on Aug 11th, 2009 3:57 am

1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script> </HEAD>

Copy this code into the BODY of your HTML document <BODY> <a href="javascript:ViewImage('fullsizeimage.jpg',576,303,'Picture description')"><img src="thumbsizesmall.jpg" width=288 height=152 border=1></a> </body> .

1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

[ICODE]<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function ViewImage(ifile,ix,iy,ititle) { 
var win;
var sWidth;
var sHeight;
var NS = (document.layers) ? 1 : 0;
win = window.open("","imageviewer","width="+ix+",height="+iy+",menubar=no,toolbar=no");
if (NS) {
sWidth = win.innerWidth;
sHeight = win.innerHeight;
} else {
sWidth = win.document.body.clientWidth;
sHeight = win.document.body.clientHeight;
}
if(sWidth!=ix || sHeight!=iy) {
win.close();
setTimeout("ViewImage('"+ifile+"',"+ix+","+iy+",'"+ititle+"')", 250);
return;
}
win.document.open();
win.document.write("<html><head><title>"+ititle+"</title>");
win.document.write("</head><body>");
win.document.write('<div style="position:absolute;width:'+ix+'px;height:'+iy+'px;left:0px;top:0px">');
win.document.write("<img src="+ifile+"></div></body></html>");
win.document.close();
}
//  End -->
</script>
</HEAD>[/ICODE]

Copy this code into the BODY of your HTML document

[ICODE]<BODY>

<a href="javascript:ViewImage('fullsizeimage.jpg',576,303,'Picture description')"><img src="thumbsizesmall.jpg" width=288 height=152 border=1></a>

</body>[/ICODE]

This article has been dead for over three months

You