Full-screen images that transition as you scroll.
Reveal sections feature full-screen images and a number of different transition effects between them that are applied when the reader scrolls through the story. Transitions include swipes up, down, left and right, and also a fade effect.
To edit the section, click the green edit media button.
You'll then see a column of images appear at the right of the screen. These represent landscape and portrait frames within the Reveal section.
Remove all the default images by clicking the delete all button on the right. Click the drag and drop area to select images from your computer. You may choose to add images one at a time, or select multiple to add them simultaneously. Or, you can drag one or more images from your computer file system to that area to include them in the section.
The images that you add through this process are automatically assigned as landscape (wider than tall) frames. Portrait versions for tall screens will be created by default by cropping the landscape images to the middle. Clicking on the thumbnail images in the bottom row will open up the media dialog for each image and you can choose to add custom cropped images (you may wish to have a different image appear on tall screens, for instance) as well as captions to individual frames.
Clicking the transition toggle between the images enables you to choose the transition effect that will occur between the frames.
- Full-screen landscape image: 2560px x 1440px JPEG at 100% quality
- Full-screen portrait image: 1080px x 1920px JPEG at 100% quality
Read about image safe areas and download image templates here to check that your images will display well across multiple screen sizes and devices.