Page 304 - Xara Web Designer Premium

304 Web Properties Dialog

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 444) 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 60) 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.

Click the SETTINGS button next to this option to go to the IMAGE TAB, where you can set
the size of the pop-up photo, add a title and caption, and choose from many other
options. See the Image tab section below (on page 311) for details. Selecting the pop-up
photo option on this Link tab, also selects the pop-up photo checkbox on the Image tab –
both turn on the same pop-up behavior.