Image Slider
The ideal component to grab users' attention.
Last updated
Was this helpful?
The ideal component to grab users' attention.
Last updated
Was this helpful?
Our component is an effective way of communicating important information through visual elements.
The slider allows several images to be displayed in sequence, and has strengths such as being able to automatically rotate images and adjust the height of the web part according to the image and the space available.
It can be used to highlight corporate initiatives, or to bring together the company's values in one place, and you can insert both graphics and photos in it, therefore it is fully customizable!
If your page is not already in edit mode, click Edit at the top right of the page.
Hover your mouse above or below an existing web part and you'll see a line with a circled +, like this:
Click on it and, in the web part search box, enter Image to quickly find and select the Image Slider web part.
As a first step, you need to enter the link to the site where the Image Slider document library is registered, usually coinciding with the intranet site.
The configuration allows you to select the display time: by dragging the slider in the section called Select the time in seconds in which the slider will change the image automatically, you can set the time.
In the section called Enter the heigh of the slider, you can enter the height of the images in pixels. This can be useful when you want to select a portion of a large image or to determine the exact space the web part should occupy within a page.
Left Arrow: by activating this field, the arrow for scrolling images to the left will be visible.
Right Arrow: by activating this field, the arrow for scrolling images to the right will be visible.
Current image selection indicators: by activating this field, dots will be visible under the images indicating the number of images in the collection, and the darker dot will indicate the current image.
In order to create a new set of images for the Image Slider web part, a few steps are required, which are listed below:
Access the Site contents by clicking on the Settings icon, which is located on the top right of your Intranet’s homepage.
Access the document library named Slider Images. Here you need to upload the images you want to view.
Click on Upload and then on Files to upload all the images you want to view.
The Url column allows you to add a link to an image, so that the image will be clickable. To associate links to your images, you need to click on Edit in grid view: this will allow you to edit the items included in the document library. Then, copy-paste the URL you want to add to each picture into the corresponding box. Finally, click on Exit grid view to save your changes.
The Order column allows you to choose the order in which pictures will be displayed. To establish the order of images, you need to click on Edit in grid view: this will allow you to edit the items in the document library. Then, assign a number to each picture and click on Exit grid view to save your changes.
Here is an example of what the Image Slider web part looks like on the page:
Click the Edit button on the left of the web part to open the property pane and set options. See below for more information on these options.
In the second field, you need to select the document library called Slider Images, where the images are collected, from the drop-down menu. The explains you how to upload pictures to the document library.
