Image gallery and scroll fan

READ IT. TRY IT. MAKE IT YOURS.

One useful step at a time.

Keep this guide beside you while you work. Complete any passwords or private details in the tool, never in a tutorial.

1. 01

   STEP 1 OF 5

   Choose the gallery layout

   In 02 Design, open Add to your website · announcement, information & gallery → Image gallery. Turn it on and choose Balanced grid, Large image and supporting cards, or Fanned image cards.

2. 02

   STEP 2 OF 5

   Add your pictures

   Add up to six JPEG, PNG or WebP images or choose a labelled starter. Aim for 1200–2000 pixels on the long edge and under 500 KB each. The maximum is 2 MB and 24 megapixels per upload; the complete project stays below 3 MB.

3. 03

   STEP 3 OF 5

   Explain and arrange the collection

   Write useful descriptions and captions, then move images into order. Keep the complete image retains portrait, square and landscape proportions. Fill the frame allows a crop; inspect the subject.

4. 04

   STEP 4 OF 5

   Try the optional scroll fan

   For Fanned image cards, enable Fan out as visitors scroll. The stack spreads through the page journey and also offers a Spread cards/Stack cards button. Keyboard focus exposes every card; reduced-motion visitors get a still open arrangement.

5. 05

   STEP 5 OF 5

   Check each larger view

   Select a picture inside the preview, check its larger view, then close it or press Escape. Test the phone layout, retain image permissions and download the website when ready.