Search...
background
Gets an object containing information about the document's background, such as its image or video source.
Type:
BackgroundOptionsRead Only
NAME
TYPE
DESCRIPTION
src
string
The file location of the background image.
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;23let 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";