Announcement: Reminder - Digital Publishing Suite (DPS) Will End of Life on August 31st, 2019. More details are available here.
The Panorama overlay provides the illusion of viewing an image from the inside out. For example, you can create a Panorama effect that lets users see inside an airplane’s cockpit. They can rotate the view 360° and zoom in on the instrument panels.
The key to creating a panorama is getting the necessary images. Creating a Panorama effect requires a set of six images, which represent the six inner sides of a cube. If you begin with a full panorama image, convert it to six cube images based on that image.
Native panorama overlays are not supported in AEM Mobile. Instead, use Web Content overlays to create HTML-based panorama effects.
A. Original panorama image B. Panorama image converted to inner six sides of cube C. Panorama on iPad
If you begin with a horizontal cross image, you can use Photoshop or a screen capture utility to create the six required images.
Use First Image For Poster
Selecting this option uses the first panorama image as the poster. Select this image if you have not created a different image to be used as the poster.
Specify a value to determine the magnification of the initial image. Use a value between the Min/Max field of view settings, which are 30 and 80 by default. .
Specify values to determine which area of the panorama is initially displayed. For Vertical, specify a value between -90 (tilted all the way up) and 90 (tilted all the way down). For Horizontal, specify a value between -180 (rotated all the way left) and 180 (rotated all the way right).
Field Of View
If you don’t want users to zoom in or out past a certain point, specify Min and Max values.
Limit Vertical Pan
If you want to allow tilting only two-thirds toward the top, select Limit Vertical Pan and specify -60. Specify 60 to allow tilting only two-thirds toward the bottom. Use a small value such as 1 to prevent vertical panning.
Limit Horizontal Pan
If you want to allow panning only two-thirds toward the left and right, select Limit Horizontal Pan and specify -120 for left and 120 for right.
To see the effect of the different panorama settings, change the settings and click Preview.