Page 477 - Xara Designer Pro X17

Web Graphics and Websites 477

Photo pop-up
This section of the IMAGE TAB lets you add pop-up photos and other photo gallery
features to your web page easily. 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 with the photo still selected, select the Pop-up photo checkbox on this tab. Choose
the size you would like for the pop-up photo by entering a value in the pop-up width field
(default 500 pixels). Preview your page and click on the photo thumbnail on your page, to
see the pop-up photo appear.
When you turn on the pop-up photo feature here in the IMAGE tab using the checkbox,
the corresponding option on the LINK tab is also automatically selected for you. That’s
because a click on the photo will show the pop-up photo, so you can’t also set any other
clickable link on the same object. So any link you previously setup on the object, using
the Link tab, will be removed.

One big advantage of these photo pop-ups over pop-up layers (as described in the LINK
Tab section above) is that the large photo is only loaded by the web browser when the
visitor clicks on a thumbnail. Therefore this method is much more suited to presenting a
large number of photos on a gallery page, because only the small thumbnails are loaded
initially, making the page load quicker.

Note that this feature works on objects other than photos, such as shapes and groups,
but can’t be used directly on text. You can put text inside a group (Ctrl+G) to work around
this restriction.

Pop-up title
Give the selected photo a title using this field and it is shown above the pop-up photo.
Note that you also need to turn on this title option in the Pop-up photo options dialog (see
below), because titles are not shown by default.