# SVG node change image
**URL:** https://discourse.nodered.org/t/svg-node-change-image/59480
**Category:** General
**Created:** [7 March 2022 10:44 UTC](https://discourse.nodered.org/t/svg-node-change-image/59480 "2022-03-07T10:44:16Z")
**Posts on this page:** 8
**Page:** 1
### Author:  [@funhall](https://discourse.nodered.org/u/funhall)
#### Post date: [7 March 2022 10:44 UTC](https://discourse.nodered.org/t/svg-node-change-image/59480/1 "2022-03-07T10:44:16Z")
Can someone help me how to change this image in the SVG node with a payload with the new link to the new image
[
](https://www.facebook.com/photo/?fbid=10160137019283140&set=gm.3113049308953493& __cft__ %5B0%5D=AZXNlJnRRQIvID9VhPrJY2fPv0ZDnlVcR-1dvBpVK-JfqXmtpf2dqNNlUlq4D8wfVnA-8PX9i1SCPJpPDDNjfVfx6ql3UFseC3QK1NUn6TOMlF6DoZYm_1Awzv2VWJ4NUXO0Wu3FGJEpwbfk_fsbdG_l& __tn__ =EH-R)
Synes godt om
Kommenter
Del
---
### Author:  [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)
#### Post date: [7 March 2022 11:14 UTC](https://discourse.nodered.org/t/svg-node-change-image/59480/2 "2022-03-07T11:14:59Z")
Hi @funhall,
Have you tried anything (via [input msg](https://github.com/bartbutenaers/node-red-contrib-ui-svg/blob/master/docs/msg_control.md#updateset-an-attribute-value-via-msg)) and did it fail with some error?
Bart
---
### Author:  [@funhall](https://discourse.nodered.org/u/funhall)
#### Post date: [7 March 2022 11:21 UTC](https://discourse.nodered.org/t/svg-node-change-image/59480/3 "2022-03-07T11:21:31Z")
Thank you so much for the fast reply. I really appreciate it.
I have tried but dont think i did it right.
I am not sure how to send that msg. Is it from a function node and do I have to change the syntax in the SVG node?
Can you help with the flow please??. Here is the flow to import.
```auto
[
{
"id": "11efafb081448151",
"type": "tab",
"label": "Flow 1",
"disabled": false,
"info": "",
"env": []
},
{
"id": "c6f5630c59d25f58",
"type": "ui_svg_graphics",
"z": "11efafb081448151",
"group": "f014eb03.a3c618",
"order": 1,
"width": "14",
"height": "13",
"svgString": "",
"clickableShapes": [],
"javascriptHandlers": [],
"smilAnimations": [],
"bindings": [],
"showCoordinates": false,
"autoFormatAfterEdit": false,
"showBrowserErrors": false,
"showBrowserEvents": false,
"enableJsDebugging": false,
"sendMsgWhenLoaded": false,
"noClickWhenDblClick": false,
"outputField": "payload",
"editorUrl": "//drawsvg.org/drawsvg.html",
"directory": "",
"panning": "disabled",
"zooming": "disabled",
"panOnlyWhenZoomed": false,
"doubleClickZoomEnabled": false,
"mouseWheelZoomEnabled": false,
"dblClickZoomPercentage": 150,
"cssString": "div.ui-svg svg{\n color: var(--nr-dashboard-widgetColor);\n fill: currentColor !important;\n}\ndiv.ui-svg path {\n fill: inherit;\n}",
"name": "timer screen",
"x": 610,
"y": 300,
"wires": [
[]
]
},
{
"id": "b7b5192eb1b2d231",
"type": "inject",
"z": "11efafb081448151",
"name": "Picture",
"props": [
{
"p": "image",
"v": "https://funhall.dk/wp-content/uploads/2022/03/escape-rum-1-timer.jpg",
"vt": "str"
},
{
"p": "topic",
"vt": "str"
}
],
"repeat": "",
"crontab": "",
"once": false,
"onceDelay": 0.1,
"topic": "",
"x": 290,
"y": 240,
"wires": [
[
"c6f5630c59d25f58"
]
]
},
{
"id": "1944fd142ff7fe72",
"type": "inject",
"z": "11efafb081448151",
"name": "Test picture 1",
"props": [
{
"p": "payload"
},
{
"p": "topic",
"vt": "str"
}
],
"repeat": "",
"crontab": "",
"once": false,
"onceDelay": 0.1,
"topic": "",
"payload": "https://funhall.dk/wp-content/uploads/2022/02/kaffe-frugtfad-3-scaled.jpg",
"payloadType": "str",
"x": 290,
"y": 360,
"wires": [
[
"c6f5630c59d25f58"
]
]
},
{
"id": "f014eb03.a3c618",
"type": "ui_group",
"name": "Floorplan test",
"tab": "80068970.6e2868",
"order": 1,
"disp": true,
"width": "14",
"collapse": false
},
{
"id": "80068970.6e2868",
"type": "ui_tab",
"name": "SVG",
"icon": "dashboard",
"disabled": false,
"hidden": false
}
]
```
Btw. i have other payload msg into the SVG node.
---
### Author:  [@funhall](https://discourse.nodered.org/u/funhall)
#### Post date: [7 March 2022 11:59 UTC](https://discourse.nodered.org/t/svg-node-change-image/59480/4 "2022-03-07T11:59:04Z")
I now tryed this with no luck. Can you see what I am doing wrong.
---
### Author:  [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)
#### Post date: [7 March 2022 12:17 UTC](https://discourse.nodered.org/t/svg-node-change-image/59480/5 "2022-03-07T12:17:46Z")
I will have a look tonight. Now at work.
---
### Author:  [@funhall](https://discourse.nodered.org/u/funhall)
#### Post date: [7 March 2022 12:23 UTC](https://discourse.nodered.org/t/svg-node-change-image/59480/6 "2022-03-07T12:23:10Z")
Thanks you so much......
---
### Author:  [@funhall](https://discourse.nodered.org/u/funhall)
#### Post date: [7 March 2022 13:13 UTC](https://discourse.nodered.org/t/svg-node-change-image/59480/7 "2022-03-07T13:13:17Z")
I just figure it out.
But thanks anyway
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [21 March 2022 13:13 UTC](https://discourse.nodered.org/t/svg-node-change-image/59480/8 "2022-03-21T13:13:25Z")
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.