Ken Burns Slideshow

← All widgetsWidget 191 · emcp_custom_191

Elementor widget7 layouts16 content options20 style options3 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: ken burns, slideshow, background, zoom, pan, gallery.

Setup guide

Open a page in Elementor, search the panel for Ken Burns Slideshow and drag it into a container.
Content › Slideshow: Images, Seconds per Image, Cross-fade (ms), Motion, Zoom Amount, Height, Shuffle Order, Pause on Hover and 8 more.
Pick a Motion: Random direction per image, Zoom in, Zoom out, Pan left, Pan right, Pan up, No motion (plain fade). Each one is shown below.
Style tab sections: Overlay & Frame, Content. Colours, typography and spacing set here are scoped to this widget instance.
Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.

Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.

Layout

Random direction per image

Motion = random

Gallery

Slow zoom slideshow

Four images, random Ken Burns motion.

View all

Add images to the gallery to start the slideshow.

Layout

Zoom in

Motion = in

Gallery

Slow zoom slideshow

Four images, random Ken Burns motion.

View all

Add images to the gallery to start the slideshow.

Layout

Zoom out

Motion = out

Gallery

Slow zoom slideshow

Four images, random Ken Burns motion.

View all

Add images to the gallery to start the slideshow.

Layout

Pan left

Motion = left

Gallery

Slow zoom slideshow

Four images, random Ken Burns motion.

View all

Add images to the gallery to start the slideshow.

Layout

Pan right

Motion = right

Gallery

Slow zoom slideshow

Four images, random Ken Burns motion.

View all

Add images to the gallery to start the slideshow.

Layout

Pan up

Motion = up

Gallery

Slow zoom slideshow

Four images, random Ken Burns motion.

View all

Add images to the gallery to start the slideshow.

Layout

No motion (plain fade)

Motion = none

Gallery

Slow zoom slideshow

Four images, random Ken Burns motion.

View all

Add images to the gallery to start the slideshow.

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Slideshow

Option	Type	Choices / range	Default	Notes
Images `images`	Gallery
Seconds per Image `duration`	Number	min 2, max 30	6
Cross-fade (ms) `fade`	Number	min 200, max 5000	1500
Motion `motion`	Dropdown	Random direction per image, Zoom in, Zoom out, Pan left, Pan right, Pan up, No motion (plain fade)	random
Zoom Amount `zoom`	Slider	min 1.02, max 1.6, px	1.18
Height `height`	Slider	min 200, max 1200, px/vh	520	Responsive
Shuffle Order `shuffle`	Toggle	on / off
Pause on Hover `pause_hover`	Toggle	on / off
Kicker `kicker`	Text
Title `title`	Text
Text `text`	Textarea
Button Text `btn`	Text
Button Link `link`	Link
Content Position `content_pos`	Dropdown	Centre, Left, Bottom left, Bottom centre	center
Show Dots `show_dots`	Toggle	on / off
Show Image Captions (from Media Library) `show_captions`	Toggle	on / off

Style tab

Overlay & Frame

Option	Type	Choices / range	Default
Overlay `overlay`	Color		rgba(16,24,40,0.4)
Radius `radius`	Slider	min 0, max 60, px	0
Border `border`	Border
Shadow `shadow`	Box shadow
Image Filters `img_filter`	Css_filter
Vignette Edges `vignette`	Toggle	on / off

Content

Option	Type	Choices / range	Default
Kicker Typography `kicker_typo`	Typography
Kicker Color `kicker_color`	Color		rgba(255,255,255,0.85)
Title Typography `title_typo`	Typography
Title Color `title_color`	Color		#ffffff
Text Typography `text_typo`	Typography
Text Color `text_color`	Color		rgba(255,255,255,0.9)
Button Text `btn_color`	Color		#101828
Button Background `btn_bg`	Color		#ffffff
Button Radius `btn_radius`	Slider	min 0, max 60, px	8
Content Max Width `maxw`	Slider	min 280, max 1400, px	720
Padding `pad`	Dimensions
Dot Color `dot_color`	Color		rgba(255,255,255,0.45)
Active Dot `dot_color_a`	Color		#ffffff
Caption Color `cap_color`	Color		rgba(255,255,255,0.75)

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_191" and a settings object using the keys above. Run get-custom-widget with id 191 for the full JSON spec.