jQuery - Displaying Image in Popup Window

Hi,

I have the following code below that opens a small pop-up window using JS. It's pretty ugly and I'd like to convert this to use jQuery as it's already in use on the website. I'm using the 'jquery.min.js' file.

The following properties would be needed:
- Pop-up window triggered by a text link
- Pop-up window height & width to automatically fit the size of the image (if not possible then height: 530pm / width 518px)
- No Toolbars
- All images would be pulled from the same folder on the server, in this case: /images/product-images/
- The full image name (eg. product-test-image-enlarge.png) would be rendered out by the tag {tag_custom1} by CMS

I know a pop-up window isn't ideal but due to constraints in the CMS I'm using I think it may be the only way. I'm open to any alternate suggestions you may have..

Thoughts?

<SCRIPT LANGUAGE="JavaScript"> 
function openindex() { var 
OpenWindow=window.open("", "newwin","height=530,width=518"); 
OpenWindow.document.write("<img src='/images/product-images/{tag_custom1}'>") OpenWindow.document.write("<br>") 
OpenWindow.document.write("<center><a href='javascript:self.close()' 
target='_self'>Close</a></center>") }
</SCRIPT>
 
<a href="javascript:openindex()" target="_self">Enlarge Image</a>

Select allOpen in new window