click to show image
<cfoutput>
<html>
<head>
<script src="jquery-1.3.2.js"></script>
<style>
.outerDiv {padding:0px 20px 20px 0px;background-color:##fff;position:absolute;z-index:200}
.innerDiv {padding:15px;border:1px solid ##ccc;background-color:##eee;}
</style>
<script>
jQuery(function() {
  jQuery(".trigger").click(function() {
    if (jQuery(".outerDiv").length == 0) {
      jQuery(this).after('<div class="outerDiv"><div class="innerDiv"><img id="image" border="1" alt="ye olde image" /></div></div>')
    }
    jQuery("##image")
      .click(function() {jQuery(".outerDiv").remove()})
      .attr("src", "google_logo.cfm?delay=1000&r=" + Math.random())
      .width(500).height(500)
    if (console && console.log) {
      console.log(jQuery("##image").width());
    }
  })// .click()
})
</script>
</head>
<body>
<a href="javascript:void(0);" class="trigger">click to show image</a>
<hr />
<pre>#htmlEditFormat(replace(fileRead(getCurrentTemplatePath()), chr(9), "  ", "all"))#</pre>
</body>
</html>
</cfoutput>