The 'Hero Image' element is often used on the start page (but can also be used on subpages). The element can be found below 'Content elements' when creating a new element. (1.1.1)
To create a 'Hero Image' with animation, you need to fill out necessary fields in 'General' tab. Images 1.1.2a (above), 1.1.2b and 1.1.3 (below) gives you an understanding of which fields that can be used (These fields are located below the 'General' tab).
The image is added below the 'Image' tab.
You can create a slider based on the 'Hero Image' element, by first creating the 'Slider container' (2) that you find below the 'Grid Element' tab (1). (1.1.4)
The 'Slider container' has multiple settings to fill your needs. You can decide if the buttons, to see next or previous slide, should be visible (1) and if there should be a pagination (2). You can also set if the slides should be in a loop (3) when autoplay is set (4). If you have smaller elements in the slider container, you can select to show more than one in each slide (5). You are able to set the transition time between each slide (6). Finally, if you have one slide per carusel view set, you can also ad slider effects (7). (1.1.5)
When the slider container has been created, you can create new content elements inside the container. (1.1.6)
To create the slider with 'Hero Image', follow prevoius instructions as shown in images 1.1.1, 1.1.2b and 1.1.3.