> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bosscart.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Image Auto-rotator

> This element displays a set of images as a continuously scrolling marquee or a static grid, great for showcasing a portfolio, product shots, client logos, or a photo collection...

This element displays a set of images as a continuously scrolling marquee or a static grid, great for showcasing a portfolio, product shots, client logos, or a photo collection without visitors needing to click through a slider.

<img src="https://mintcdn.com/alavon365/m47yzIyDG9neC9jn/images/builder/d38163103420fc90.png?fit=max&auto=format&n=m47yzIyDG9neC9jn&q=85&s=7f0c5ee32341f0b237daf9af9b683dd7" alt="" width="1470" height="872" data-path="images/builder/d38163103420fc90.png" />

#### **Why use it:**

* **Adds motion and visual interest:** a scrolling image strip catches the eye and feels more dynamic than a static gallery, especially in hero sections or "as featured in" style bands.
* **Showcases multiple images efficiently:** display many photos in a small vertical space, since images flow continuously rather than stacking.
* **Works for many use cases:** product galleries, portfolio pieces, client/brand logos, or lifestyle imagery reinforcing a brand feel.
* **Low effort, high polish;** no need to manually build a slider; just upload images and choose a layout.

### **Layout Options:**

* **Marquee (scrolling):** images scroll horizontally in a continuous loop, ideal for logo strips or ambient background-style galleries.

<img src="https://mintcdn.com/alavon365/FdYN6CBeMqTMvZFP/images/builder/a1f3d1a8a11d69dc.png?fit=max&auto=format&n=FdYN6CBeMqTMvZFP&q=85&s=ac5b8de614366b69b1ec51c6c22f93f1" alt="" width="1369" height="754" data-path="images/builder/a1f3d1a8a11d69dc.png" />

* **Grid:** images display in a fixed, static grid layout for a more traditional gallery presentation.

<img src="https://mintcdn.com/alavon365/m47yzIyDG9neC9jn/images/builder/cd8be37a65a4b787.png?fit=max&auto=format&n=m47yzIyDG9neC9jn&q=85&s=f208d3de029045f622f2e0944c51202d" alt="" width="1590" height="723" data-path="images/builder/cd8be37a65a4b787.png" />

### **How to set it up:**

* Add images individually using **+ Add**, and drag to reorder using the handle
* Remove any image with the trash icon

<img src="https://mintcdn.com/alavon365/a4e0aobXvzetCcVN/images/builder/f86a50a9ece7fb39.png?fit=max&auto=format&n=a4e0aobXvzetCcVN&q=85&s=a112072a96427e8121c88e6ed369a10d" alt="" width="804" height="494" data-path="images/builder/f86a50a9ece7fb39.png" />

### **Settings available:**

* **Heading**: optional label above the gallery (e.g., "Trusted by")
* **Text Style**: customize the heading's typography
* **Grayscale (color on hover)**: images display in grayscale by default and reveal color on hover, great for logo walls
* **Open image in lightbox on click**: lets visitors click an image to view it enlarged
* **Image height**: control the display size of each image
* **Rotation speed**: adjust how fast the marquee scrolls (marquee layout only)
* **Border Radius**: round the corners of each image