Create a "Slider" block.

This tutorial will show you how to rotate images with a fade effect.

Click the "+" button

When you are in the "Layout" tab, there is a big blue button with a +. Click this button to create a new block.

Créer un bloc Image

Then you have to choose the block type.

When you click the plus button, a window appears with a choice of block type. Click the "Slider" button to create the block.

Créer un bloc Texte et photos

Choose the options of your block.

There are not many options for this type of block at this point. "On mobile" is to indicate whether the block will appear on the mobile version of the site (for phones), and the "RollOver" is used to add an overflight effect on the block. It is not recommended to add a rollover effect to this block because it is not clickable. Once the options have been chosen, click on the "Sliders" tab.

Créer un bloc «Images défilantes

Add your images.

Click the "Browse" button to fetch your images.

Créer un bloc Images défilantes

Choose your images.

For the example, we will take pictures that are already entered in the library. You only need to click once on the images you want to use in your scrolling frame. A green outline will appear around the selected images. When you have chosen all your images, click on the green button "Use the selected file(s).

Créer un bloc Images défilantes

Text over the pictures.

It is possible to write text over the pictures. By default, the system takes the name of the image as text. You can edit it, or just remove it if you do not need text over your photos. In the menu under the text, you can choose where the text will appear above the photo. You can choose a different location for each photo.

Créer un bloc Images défilantes

Cropping and ordering photos.

You can now modify the framing of each of the photos by clicking on the "Crop" tool (3rd icon). In addition, you can change the order of pictures. Simply click on the 4 arrows icon, and drag the photo to the desired location.

When these steps are complete, click "Save". You can move and resize your block like any other block. Do not forget to save your page by clicking on "Send" at the bottom of the page.

Créer un bloc Images défilantes

Check the result on the online site.

When adding content, be it pictures or text, videos, no matter what kind of content, it's important to go check the result online on the real site. Take note that it is better to have good quality picture, and make sure you have the copyrights!

Créer un bloc Images défilantes