﻿<!-- Enlarge Image onclick in new window (Single Image) -->

<!-- To be used in a custome footer module -->

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" omit-xml-declaration="yes"/>
<xsl:template match="/">
<xsl:text disable-output-escaping="yes"><![CDATA[<script type="text/javascript">
function enlargeImage(Url,width,height){
var enlarged = new Image(); enlarged.src = ''+Url+''
var prevW = window.open("","newWin","width="+width+",height="+height+",top=140,left=200,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0"); 
prevW.document.write('<html><head><title>WINDOW TITLE HERE</title><style type="text/css">body{margin: 0px; padding:0px;} img{margin: 0px; padding: 0px;}</style></head><body><img alt="Click to Close" title="Click to Close" style="border: 0px; padding: 0px;" src="'+Url+'" width="'+width+ '" height="'+height+'" onClick="BLOCKED SCRIPTwindow.close();" /></body></html>');
}
</script>]]></xsl:text>
 

<a href="BLOCKED SCRIPT">
<img alt="Click to Enlarge" title="Click to Enlarge" src="/images/YOUR IMAGE NAME.jpg" width="120px" height="90px" style="border: 0px" onclick="enlargeImage(this.src,'640','480');" />
</a>
</xsl:template>
</xsl:stylesheet>

<!-- End of code (Single Image) -->
