Heading / description
of the painted guitar.
Audio Popup Demo - There are two pages (1) and (2); each with two photos; each photo links to its own popup.
Heading / description
of the painted guitar.
Each photo has its own popup with a unique name such as info1(lock), info2(lock) - the (lock) ensures the popup is not accidentally
closed when using the audio player. The audio track when present can be auto-started or user-started.
An additional function has been added to this version which automatically closes a popup on a page, when another popup is
requested on the same page. This avoids competing / multiple audio tracks playing at the same time. Switching pages automatically
closes any open popups on that page.
This design uses Xara Undocumented Features for Popup: https://help.xara.com/article/26-undocumented-and-advanced-web-
features
The red circle is given a link:
popup:close “popup_name(lock)” name should be all
lower case.
Add any text additional photos etc. on this popup. The
popup requires a name that ends in (lock), else there is
a conflict with the audio controls.
More text: Eu voluptate fugiat id minim
reprehenderit, ut veniam fugiat labore
eiusmod sint officia pariatur. Dolore id
aute sint culpa sit sed occaecat, nisi
excepteur.
Add any text additional photos etc. on this popup.
More text: Eu voluptate fugiat id minim reprehenderit,
ut veniam fugiat labore eiusmod sint officia pariatur.
Dolore id aute sint culpa sit sed occaecat, nisi excepteur.