background

Sets or gets an object containing information about the element's background.

Type:

BackgroundOptionsRead & Write

NAME

TYPE

DESCRIPTION

src

string

The file location of the background image or video. Setting the src property changes the displayed image or video to the image or video found at the new src value.

Getting the src property returns the location of the current image or video file.

Images can either be from the Media Manager or an external image from any web location. Videos must come from the Media Manager.

The URL formats supported are:

Images from the Media Manager: wix:image://v1/<uri>/<filename>#originWidth=<width>&originHeight=<height>[&watermark=<watermark_manifest_string>]
Videos from the Media Manager: wix:video://v1/<video_uri>/<filename>#posterUri=<poster_uri>&posterWidth=<width>&posterHeight=<height>
Images from the web: http(s)://<image url>

Was this helpful?

Get the background information

Copy Code

1let backgroundOpts = $w("#myElement").background;
2
3let bgSrc = backgroundOpts.src;
4// "wix:image://v1/68d3a9_1de7529c444b4c9eb38401f8efe0cad2.jpg/flowers.jpg#originWidth=1970&originHeight=1120"

Set the background image to be an image from the Media Manager

Copy Code

1$w("#myElement").background.src = "wix:image://v1/68d3a9_1de7529c444b4c9eb38401f8efe0cad2.jpg/flowers.jpg#originWidth=1970&originHeight=1120";

Set the background image to be an image from the web

Copy Code

1$w("#myElement").background.src = "http://placehold.it/250x250";