When you add a modern page to a site, you add and customize web parts, which are the building blocks of your page. This article describes the Image gallery web part.
Note: Some functionality is introduced gradually to organizations that have opted in to the First Release program. This means that you may not yet see this feature or it may look different than what is described in the help articles.
Use the Image gallery web part to share collections of pictures on a page. Select your images with the file picker or drag them onto the web part. You can also dynamically display images from a library of your choice.
Add the Image gallery web part
-
If you're not in edit mode already, click Edit at the top right of the page.
-
Hover your mouse above or below an existing web part or under the title region, click
, and then select the Image gallery web part. -
Click Add a title to enter a title for your Image gallery.
-
Click the Edit web part button
to specify the layout.With the Tiles layout, you can choose an aspect ratio (1:1,16:9, or 4:3), and you can drag and drop images within the web part to reorder them.
With the Carousel layout, you can set whether to automatically cycle through images, and the speed at which to cycle. You cannot reorder images in this layout.
Select individual images
-
Drag images onto the web part, or click Add images.
-
Choose a recent image or get an image from your site, your computer, or a link.
-
Click Open to add the images you've selected.
-
For each image, you can include a title, description, and alternative text by clicking the edit button
on each image. -
To add more images, either drag and drop the images onto the page or click + Add to select additional images.
Dynamically display images from a library
When you dynamically display images from a library, you can add and remove images from the library, and the Image gallery web part will update to show the current set of images in the library.
-
In the Image web part toolbox, select Dynamically display images from a document library.
-
Select the library where your images are. You can also include subfolders.
-
Select the maximum number of items you want to display.
