how to add code on a image

I'm using Xara Web Designer. I want to add the code below on a png image so that a click on that can show a highslide float window. the highslide window will show another page inside it.who can tell me how.

Code:

---

        <a href="highslide/sample-includes/include-short.htm" onclick="return hs.htmlExpand(this, {
                        objectType: 'iframe', width: 400,
                        creditsPosition: 'bottom left', headingText: 'Title from onclick',
                        wrapperClassName: 'titlebar' } )">Iframe</a>

---

I get the code from Highslide Editor http://highslide.com/editor/


Thanks guys.

Welcome to TalkGraphics

Have a look at this Xara Xone Workbook article, Creating Pseudo Frames.

If you simply want the image to enlarge when the visitor clicks the image, take an image the size you want it to be when expanded, scale it down to a thumbnail size, then in the Web Properties > Links section, check Pop-up Photo. When the visitor clicks the thumbnail it expands to the full size image.

You can also use this in conjunction with John Horn's Tweaks found at the top of this list of threads.

Thank you gwpriester, you are a great help.