I am annoyed with the way Xara implemented the Highslide pop-up capability:
  1. The pop-up effect is acted on a given image such that you just see the same image much bigger.
  2. The Pop-up image cannot be given a proper Image filename.

This limits matters when setting up an image grid where you want to save space a trim back when is in the thumbnail but still render the fuller image in the pop-up.

The following design overcomes the first problem:
  • Create your Thumbnails and Pop-up Options as normal.
  • Give each a ClassName of "tnn", where nn is a number. Actually, you can use anything you like, just keep each different.
  • Make as small as you like as they are now all hidden in the !Thumbs layer. There is an extra locked shaped them that simply Links to the same layer: this hides them but they still get published.
  • On MouseOff, or any visible layer, add the special Link of javascript: void $('.tnn').parent().click(); - N.B>, the preceding dot is necessary.

Here are a number of examples:

JS - Playing with the Highslide Pop-up capability.xar

Happy to explain how any of the effects are realised.

Acorn