Page 467 - Xara Designer Pro X17

Web Graphics and Websites 467

Note: Because there is a separate copy of your file held in the support folder for your
design, you need to update that copy whenever you modify the file and want to publish
the modified version. Or you can just go through the above linking process again and
browse for your updated file. Also if you move or copy your website design to another
computer, or give a copy to someone else, you need to make sure the support folder
accompanies the design file, since it now contains an important part of your website!
NOTE: You cannot apply a transition to a link to a file.

Pop-up layer
You can add any content you like to a separate layer on your page and have that content
shown as a pop-up only when your visitor clicks on a link. For example you could add
some descriptive text about a photo on your web page and have that text only shown to
the user if they click on the photo.

To add a popup layer, first you need to add the layer itself using the PAGE & LAYER
GALLERY and add your pop-up content to that layer.
See the PAGE & LAYER GALLERy (on page 178) chapter for full details. Then you can
select the layer from the layer list provided next to the “Pop-up layer” option.

You can also add a transition effect which is applied when the layer appears. In the PAGE
& LAYER GALLERY, open the layer properties so that you can apply a transition directly to a
layer (on page 461) to achieve an animated effect when the layer contents appear. Or
you can click the Settings button next to the pop-up layer option in the Link tab, to access
the same layer properties.

Now when a visitor clicks on your object, the layer contents appear! By default, clicking
anywhere else on the page makes the pop-up disappear again. But you can make the
pop-up layer stay up until it’s explicitly closed by the viewer. Just unselect the CLOSE POP-
UP AUTOMATICALLY checkbox in the Layer properties dialog. Then a close button is
included in the top right of the pop-up, and it stays on screen until the close button is
pressed.

Note that you can also get to the Layer properties by clicking the "Settings…" button next
to the pop-up layer option in the Link dialog.
Note that all the content on the pop-up layer is loaded as soon as the visitor visits your
page. So if you want to provide a lot of pop-up photos, use the Pop-up Photo feature
described below instead.

Pop-up photo
This option gives you a very easy way to add pop-up photos and other photo gallery
features to your website, without adding any layers! Simply import your photo and use
the SELECTOR TOOL to scale it right down so it appears as just a small photo thumbnail on
your webpage. Then select it and choose this "POP-UP PHOTO" option.