After installing and activating the plugin, you can use the IMI Images Marquee Widget within Elementor. The widget provides a range of customization options to fit your design needs.
Adding the Widget
- In the Elementor Editor, search for the IMI Images Marquee widget.
- Drag and drop the widget into your desired section.
Available Options
General Options
- Logo Images: Add images to display in the marquee by selecting from the media library or uploading new ones. This is a repeater field where you can add multiple images.
- Image Size: Choose the image size from predefined options (e.g., medium, full) or enter custom dimensions.
Layout Options
- Layout (Horizontal/Vertical): Choose the direction of the marquee (horizontal or vertical).
- Horizontal: The images will scroll from left to right or right to left.
- Vertical: The images will scroll up or down.
- Images Per Row (Horizontal Only): Select how many images are displayed per row. This option is only available for the horizontal layout.
- Height for Vertical (Responsive): Define the height of the marquee when the vertical layout is selected. You can set different heights for desktop, tablet, and mobile devices.
Animation Options
- Animation Direction:
- Horizontal Layout: Choose between scrolling left or right.
- Vertical Layout: Choose between scrolling up or down.
- Animation Duration: Set the duration of the animation in seconds. A lower number results in faster scrolling, while a higher number slows it down.
Stretch Images Option
- Stretch Images: If enabled, the images will be stretched to fill the container. This ensures that smaller images are resized to fit seamlessly within the marquee.
Responsive Settings
The plugin offers multiple responsive settings for image size, number of images per row (for horizontal), margin between items, and height for the vertical layout. Customize each option based on device type (desktop, tablet, and mobile) for an optimal viewing experience.