Add an image

You can add images to the text.

You have two options to add an image. The way you add the image is different, but once the image is added the result is the same.

• Simple method: .

  You only add an image.

• Advanced method:

  You add an image and can immediately specify extra properties. You can use the image as a button for opening another page, as a hyperlink or to set the margins.

After adding images, you can change the properties of a selected image. You can set a start animation and specify whether text is allowed alongside the image.

To add an image:

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.  Click on: Edit (in the Page frame).
3. Use the mouse to click the position where you want to add the image.

   

4. Click on:
5. Enter a title for the image.
6. Select the Show component frame and title check box if you want to display this data with the image.

   Drag and drop

   Drag the file on the Select image button and release the mouse button.

   

   Select an image in the Explorer

   1. Click on Select image.
   2. Select the file.

   Paste an image from the Clipboard

   1. Copy the image to the Clipboard.
   2. Click on: Select image / Paste image.

      

   3. Press: Ctrl+C.

   Include an image from the media gallery

   The media gallery contains images that you use often.

   1. Click on: Select image / Search in media gallery.

      

   2. Click on the line with the image. If you click on the image itself, a larger preview is displayed.

   You can only use the media gallery if you add an advanced image.

7. You can use the image as a button that opens another page. In that case, you can select the page to be opened in Verwijzing bij afbeelding.
8. Enter the margins if you want to create white space around your image.
9. Click on: Create.
10. Select the image.
11. Move the image to the correct position by using the alignment.

    You can also right-click on the image and select the position:

    

    Because the image is aligned on the left, you do not have access to this option.

12. Click on: Publish.

To set a start animation:

You can make your site more dynamic by using animated images. The animation is run if the image is outside the display area and comes into view because of scrolling. This is especially interesting for mobile applications. To animate an image you open the properties of the image and select the starting animation.