Content · Elementor
Image Marquee widget for Elementor
Image Marquee is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Image Marquee” in the Elementor panel.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
Image Marquee is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Image Marquee” in the Elementor panel.
Image Marquee Widget (Free).
render() writes HTML data attributes: data-direction, data-duplicate, data-orientation, data-pause-hover, data-pause-touch, data-reverse-hover, data-speed.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Image Marquee”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Image”, “Title”, “Alt Text (optional)”, “Hover Label”. Style and Content tabs are listed on this page.
When to use it
- An Elementor page that needs Image Marquee.
- A layout in the posts, cards, lists, FAQs, and editorial layouts group.
- Search the panel for “Image Marquee” after King Addons is active.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Items — Image | Media Library attachment(s); render() uses the URL/ID as the image source. |
| Items — Title | Text inspector control (`item_title`). |
| Items — Alt Text (optional) | Text inspector control (`item_alt`). |
| Items — Hover Label | Text inspector control (`item_hover_label`). |
| Items — Link | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| Images — Image Size | Elementor image-size group (thumbnail, medium, large, full, custom). |
| Images — Items | Repeater rows; render() loops each item to build the list or slides. |
| Marquee Settings — Direction | The chosen value is read in render() and applied on the front end. Options: Left to Right; Right to Left. |
| Marquee Settings — Speed | Spacing/size control (min 1, max 200). |
| Marquee Settings — Gap Between Items | Spacing/size control (min 0, max 100). |
| Marquee Settings — Pause on Hover | Switcher inspector control (`kng_pause_on_hover`). |
| Marquee Settings — Pause on Touch (Mobile) | Switcher inspector control (`kng_pause_on_touch`). |
| Marquee Settings — Duplicate Items for Smooth Loop | Switcher inspector control (`kng_duplicate_items`). |
| Items — Container Height | Writes CSS `min-height` onto the widget’s front-end markup. (min 0, max 600). |
| Items — Item Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Items — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-image-marquee__item`. |
| Items — Item Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Items — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-image-marquee__item`. |
| Items — Container Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Images — Image Width | Writes CSS `width` onto the widget’s front-end markup. (min 20, max 600). |
| Images — Image Height | Writes CSS `height` onto the widget’s front-end markup. (min 20, max 400). |
| Images — Image Fit | Writes CSS `object-fit` onto the widget’s front-end markup. Options: Cover; Contain; Fill. |
| Images — Image Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Images (Normal) — Opacity | Writes CSS `opacity` onto the widget’s front-end markup. (min 10, max 100). |
| Images (Normal) — Filter | Writes CSS `filter` onto the widget’s front-end markup. Options: None; Grayscale; Blur; Brightness. |
| Images (Hover) — Opacity | Writes CSS (item, opacity) onto the widget’s front-end markup. (min 10, max 100). |
| Images (Hover) — Filter | Writes CSS (item, filter) onto the widget’s front-end markup. Options: None; Grayscale; Blur; Brightness. |
| Overlay & Hover (Normal) — Overlay Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Overlay & Hover (Hover) — Overlay Color | Writes CSS (item, background-color) onto the widget’s front-end markup. |
| Overlay & Hover (Hover) — Hover Scale | Writes CSS (item, transform) onto the widget’s front-end markup. (min 1, max 1.2). |
| Overlay & Hover — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-image-marquee__hover-label`. |
| Overlay & Hover — Hover Label Color | Writes CSS `color` onto the widget’s front-end markup. |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
What does Image Marquee actually change on the page?
Image Marquee is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Image Marquee” in the Elementor panel. Inspector labels from this widget’s PHP include “Image”, “Title”, “Alt Text (optional)”, “Hover Label”.
How do I add Image Marquee in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Image Marquee”, drag it onto the canvas, then set Content and Style.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related content widgets
Floating Tags Marquee
Floating Tags Marquee is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Floating Tags Marquee” in the Elementor panel.
Custom Post Types Slider
Custom Post Types Slider is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Slider” in the Elementor panel.
Interactive Image Sheen
Interactive Image Sheen is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Interactive Image Sheen” in the Elementor panel.
Rotating Image Tiles
Rotating Image Tiles is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Rotating Image Tiles” in the Elementor panel.
Scroll Story Sections
Scroll Story Sections is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Scroll Story Sections” in the Elementor panel.
Scrollytelling Slides
Scrollytelling Slides is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Scrollytelling Slides” in the Elementor panel.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Image Marquee after you activate it.