2017

• Duration: Lets you control how long the pan/zoom lasts. At the end of this
duration, the picture stops and stays in its final position.
• Start and Stop: These buttons allow you to set the beginning and ending crop.
Click Start and scale/position the picture for the initial position, then click Stop
and scale/position the image for the final position.
9
To finish configuring the zoomable picture, click a different object or a blank part of
the layout.
Adding a scroll zone
The scroll zone feature lets you add a scrollable area to a page on a layout. The content
for the scrollable area comes from a different layout (the scrollable layout). Once you
set up a scroll zone, you can populate it with whatever you want, whether it's a long
run of text, a large panoramic picture, or a series of interactive elements. You can then
use that scrollable layout in multiple layouts within a layout family. (For more
information, see "Understanding layout families.")
Referenced scrollable layouts are exported as HTML in the same way the host layout
is. That means they work the same way in terms of font usage and the Convert To
Graphic on Export option for text boxes.
Referenced layout can contain their own interactive objects, and they will work as
they would in the host layout.
To set up a scroll zone for a Digital layout:
1
Navigate to a layout that is part of a layout family.
2
Draw a picture box to represent the size and the location of the scroll zone. Make sure
the box is selected.
3
In the HTML5 palette, click Scroll Zone.
DIGITAL PUBLISHING WITH QUARKXPRESS 2017 | 35
PROJECTS AND LAYOUTS