I am annoyed with the way Xara implemented the Highslide pop-up capability:
- The pop-up effect is acted on a given image such that you just see the same image much bigger.
- 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
Bookmarks