Cylindrical Panoramic Full-width Slider

[Acorn]

Another one of my experimental goes. This time is is for a cylindrical panoramic viewer that scales to the width of the browser window.
Do not try to use Xara's Full width Stretchy; I used margin-left: 50%; transform: translateX(-50%); as an alternative that is not affected by Xara's built-in code.

In use, you open the Panorama layer and change the image to your own.
The image must keep the Name, filename=panorama.

The rest is "explained" in the web page.
It uses quite a number of Xara "tweaks" that I will list here:

1. Name: filename=panorama, to keep the same filename for the image
2. Name: UsesJQuery, to include <script src="index_htm_files/jquery.js"></script>
3. Embed file: Ctrl+Alt+Shift+A to include <script src="index_htm_files/jquery.pano.js"></script>
4. Link: popup: close “Panorama” to ensure objects on a hidden layer are still published

The Placeholder box is locked but can be unlocked when you understand what you want to examine.
The height of the box can be varied as can its width but it must remain vertically centred.

It seems to work as a Repeating Object correctly in a Conventional site and will only appear on the first page of a Supersite.

jQuery Pano.web

Acorn