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

[gwpriester]

Acorn - In your web file there are two columns of script. Is the second column a continuation of the bottom script?

And can you post an example of how this looks?

[Acorn]

Acorn - In your web file there are two columns of script. Is the second column a continuation of the bottom script?

And can you post an example of how this looks?

Gay, yes, it is a continuation and to see it working Preview the file.

Acorn

[Boy]

When I preview I only see text.

[Egg Bramhill]

Same here.

[Acorn]

The image didn't load, despite it being in the WEB file.

jQuery Pano.web

Downloaded and checked from TG and is all there now!
Corrected in original Post as well.

Acorn