Content · Elementor
Rotating Image Tiles widget for Elementor
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.
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
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.
Rotating Image Tiles Widget (Free).
render() writes HTML data attributes: data-center-x, data-center-y, data-delay, data-hover-scale, data-initial-index, data-radius, data-settings, data-tile-index.
Some inspector controls are marked Pro in PHP (eicon-pro-icon / king-addons-pro-control). Those need King Addons Pro, not Elementor Pro.
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 “Rotating Image Tiles”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Image”, “Title”, “Description”, “Link Type”. Style and Content tabs are listed on this page.
When to use it
- An Elementor page that needs Rotating Image Tiles.
- A layout in the posts, cards, lists, FAQs, and editorial layouts group.
- Search the panel for “Rotating Image Tiles” after King Addons is active.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Images — Image | Media Library attachment(s); render() uses the URL/ID as the image source. |
| Images — Title | Text inspector control (`title`). |
| Images — Description | Textarea inspector control (`description`). |
| Images — Link Type | Options: None; Custom URL. |
| Images — Link | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| Images | Repeater rows; render() loops each item to build the list or slides. |
| Layout — Max Width | Writes CSS `max-width` onto the widget’s front-end markup. (min 50, max 2000). |
| Layout — Height | Writes CSS `height` onto the widget’s front-end markup. (min 120, max 1200). |
| Layout — Tiles Count | Numeric value used in this widget’s render/JS (min 1). |
| Layout — Columns | Numeric value used in this widget’s render/JS (min 1). |
| Layout — Tiles Gap | Writes CSS `gap` onto the widget’s front-end markup. (min 0, max 64). |
| Tiles — Admin Label | Internal name for the tile. |
| Tiles — Initial Image | Options: Image 1; Image 2; Image 3; Image 4. |
| Tiles — Circle Center X (%) | Spacing/size control (min 0, max 100). |
| Tiles — Circle Center Y (%) | Spacing/size control (min 0, max 100). |
| Tiles — Circle Radius (%) | Spacing/size control (min 5, max 100). |
| Tiles — Delay Offset (ms) | Spacing/size control (min 0, max 5000). |
| Tiles — Hover Scale | Spacing/size control (min 1, max 1.3). |
| Tiles | Add one entry per tile. If fewer items are set than the count, defaults are used. |
| Animation — Rotation Mode | The chosen value is read in render() and applied on the front end. Options: Sequential; Reverse; Alternate; Random. |
| Animation — Rotation Trigger | Selects the value used for Swiper autoplay. Options: Autoplay; On Hover; On Click. |
| Animation — Loop | Switcher inspector control (`kng_loop`). |
| Animation — Pause on Hover | Switcher inspector control (`kng_pause_on_hover`). |
| Animation — Enable Rotation | Free version uses autoplay with fixed easing and timing. |
| Animation — Kng Rotation Interval | Spacing/size control (min 500, max 10000). |
| Animation — Kng Transition Duration | Spacing/size control (min 100, max 3000). |
| Animation — Easing | The chosen value is read in render() and applied on the front end. Options: Ease; Linear; Ease In; Ease Out; Ease In Out. |
| Animation — Disable Animation on Mobile | Switcher inspector control (`kng_disable_animation_on_mobile`). |
| Interaction — Click Action | The chosen value is read in render() and applied on the front end. Options: None; Open Image in Lightbox; Open Link. |
| Interaction — Show Captions | Switcher inspector control (`kng_show_captions`). |
| Interaction — Caption Source (Pro) | Selects the value used for the post excerpt. Options: Title Only; Title and Description. |
| Holder — Alignment | Writes CSS (display, justify-content) onto the widget’s front-end markup. Options: Left; Center; Right. |
| Holder — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Holder — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-rotating-image-tiles__holder`. |
| Holder — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 100). |
| Holder — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-rotating-image-tiles__holder`. |
| Holder — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Tiles — Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Tiles — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 120). |
| Tiles — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-rotating-image-tiles__tile`. |
| Tiles — Hover Effect | The chosen value is read in render() and applied on the front end. Options: None; Lift; Glow; Shadow Increase. |
| Circle Mask — Use Global Radius | Switcher inspector control (`kng_use_global_radius`). |
| Circle Mask — Kng Circle Global Radius | Spacing/size control (min 5, max 100). |
| Circle Mask — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-rotating-image-tiles__image-layer`. |
| Circle Mask — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-rotating-image-tiles__image-layer`. |
| Images — Image Fit | Writes CSS `object-fit` onto the widget’s front-end markup. Options: Cover; Contain; Fill. |
| Images — Kng Image Scale Hover | Spacing/size control (min 1, max 1.3). |
| Images — Opacity | Writes CSS `opacity` onto the widget’s front-end markup. (min 0, max 1). |
| Images — Kng Image Opacity Hover | Spacing/size control (min 0, max 1). |
| Overlay — Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Overlay — Opacity | Writes CSS `opacity` onto the widget’s front-end markup. (min 0, max 1). |
| Overlay — Blend Mode | Writes CSS `mix-blend-mode` onto the widget’s front-end markup. Options: Normal; Multiply; Screen; Overlay; Soft Light. |
| Captions — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-rotating-image-tiles__caption`. |
| Captions — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Captions — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Captions — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Captions — Alignment | Writes CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right. |
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
Which Rotating Image Tiles options need King Addons Pro?
Controls marked with the Pro icon in this widget’s PHP. King Addons Pro is a separate license from Elementor Pro.
How do I add Rotating Image Tiles in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Rotating Image Tiles”, 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
Custom Post Types Grid
Custom Post Types Grid is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Grid” in the Elementor panel.
Image Marquee
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.
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.
Announcement / Promo Bar
Announcement / Promo Bar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Announcement / Promo Bar” in the Elementor panel.
Comparison Matrix Cards
Comparison Matrix Cards is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Comparison Matrix Cards” in the Elementor panel.
Content Toggle
Content Toggle is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Content Toggle” in the Elementor panel.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Rotating Image Tiles after you activate it.