Add a photo gallery

You can add a photo gallery to a page or message.

If you want to display text next to the photo gallery then you should create a page with two columns. You place the text in one column and the photo gallery in the other column.

If you use AFAS Online, the maximum size of the photo galleries is about 50 MB.

To add a photo gallery:

1. Log on and start Site management.
   1. Open the site.
   2. Log on with the username and password.
   3. Click on: OK.
   4. Click on the user name at the top right.

      

   5. Click on: Site management.

2. Open the page to which you want to add the photo gallery.
3. Click on: Edit (in the Page frame).
4. Click on: Layout in the Display frame.
5. Click on: Sections.
6. Add a row with sections.
7. Click on: Layout.
8. Click on: New.
9. Click on: Photo gallery.
10. If required, enter a title for the photo gallery.

    If you select the Show component frame and title check box, a frame (a line) is displayed around the banner and the title you have entered.

11. Select a value for Format of image.

    This is the format in which the images in the gallery are displayed. You can choose from Large, Medium and Small. Thus, all the images in the photo gallery have the same format. As soon as you click an image, the presentation mode is activated and the image is displayed in its original format.

12. Select a value for Aspect ratio.

    This is the length/width ratio in which the images in the gallery are displayed.

13. Select a value for Animation style.

    You can, for example, allow the images to Float within if a visitor opens the photo gallery. The default setting for the animation style is Zoom out.

    More information: Banner animation styles.

    You can link an animation style to a banner. If you open the page with the banner, the images from the banner can float inside or they can be expanded.

    The default setting for the animation style is Zoom out.

    You can use the following animations:

    • Float within
    • Build from centre
    • No animation
    • To centre
    • Zoom out
    • Appear
    • Fade
    • Worm

    You have now specified how the photo gallery is displayed. Now you are going to add photos to the gallery.

14. Click on: New.
15. Click on: Select images.
16. Select the image(s) from the explorer and drag them to the Sleep de bestanden hierheen frame.
17. Click on: Create.
18. In the same way, add all the images you want to display in the photo gallery.
19. Click on: Create.
20. Drag the photo gallery to the correct place
21. Click on: Publish.
22. Click on Yes in the message.