Summary

  • Overview
  • Adding Gallery Carousel
  • Inserting Images to Gallery Carousel
  • Carousel and Arrow Settings
  • Changing Image Width
    • Original Width
    • Fixed Width
    • Image Width Slider
  • Fitting Images
  • Preview in Mobile Views

The Gallery Carousel Element is an excellent tool to present a collection of images, for example, your portfolio works, brand logos, and much more. It works similarly to the Image Slider Element but shows several images at once. You can customize the Carousel with the properties fine-tuning it for your needs and how it looks and interacts with users.

image-carousel.png

Adding Gallery Carousel

You can add the Gallery Carousel from the Carousel, Image Gallery, and Slider sections from the "Element" menu on the Top Bar.

add-image-carousel.png

Inserting Images to Gallery Carousel

Add a new image to the Gallery Carousel by clicking the Plus icon on the Context Toolbar for the selected Image.

adding-image-carousel.gif

You can choose a Video instead of an Image.

Carousel and Arrow Settings

Like the Image Gallery, you can set various properties for the Carousel and its Arrows in the Property Panel.

carousel-arrow-image-properties.png

Changing Image Width

You can select the Image Widths to show images on the Carousel Element.

Original Width

Please choose this option to resize Images in the Carousel proportionally to their original width.

carousel-image-width.png

Fixed Width

If you switch the mode to Fixed, you will see the Carousel Images with the fixed-width resized proportionally.

carousel-image-fixed-width.png

Image Width

You can change the Width of Images inside the Gallery Carousel by pulling the Value Slider.

carousel-image-width.gif

Fitting Images

Additionally, you can change the Fit option for each Image, set Cover or Contain.

carousel-image-fitting.png

Preview in Mobile Views

You can edit and preview the Gallery Carousel in all available Mobile Views.

carousel-mobile-views.png

Read Also

## Summary - Overview - Adding Gallery Carousel - Inserting Images to Gallery Carousel - Carousel and Arrow Settings - Changing Image Width - Original Width - Fixed Width - Image Width Slider - Fitting Images - Preview in Mobile Views The Gallery Carousel Element is an excellent tool to present a collection of images, for example, your portfolio works, brand logos, and much more. It works similarly to the [Image Slider](page:97211) Element but shows several images at once. You can customize the Carousel with the properties fine-tuning it for your needs and how it looks and interacts with users. !image-carousel.png! ## Adding Gallery Carousel You can add the Gallery Carousel from the Carousel, Image Gallery, and Slider sections from the "Element" menu on the Top Bar. !add-image-carousel.png! ## Inserting Images to Gallery Carousel Add a new image to the Gallery Carousel by clicking the Plus icon on the Context Toolbar for the selected Image. !adding-image-carousel.gif! You can choose a Video instead of an Image. ## Carousel and Arrow Settings Like the [Image Gallery](page:98179), you can set various properties for the Carousel and its Arrows in the Property Panel. !carousel-arrow-image-properties.png! ## Changing Image Width You can select the Image Widths to show images on the Carousel Element. ### Original Width Please choose this option to resize Images in the Carousel proportionally to their original width. !carousel-image-width.png! ### Fixed Width If you switch the mode to Fixed, you will see the Carousel Images with the fixed-width resized proportionally. !carousel-image-fixed-width.png! ### Image Width You can change the Width of Images inside the Gallery Carousel by pulling the Value Slider. !carousel-image-width.gif! ## Fitting Images Additionally, you can change the Fit option for each Image, set Cover or Contain. !carousel-image-fitting.png! ## Preview in Mobile Views You can edit and preview the Gallery Carousel in all available Mobile Views. !carousel-mobile-views.png! ## Read Also - [Gallery](page:) - Gallery Thumbnails - [Gallery Slider](page:97211) - [Slider](page:97200) - Full Width Slider ##