How to change an image with javscript?

Forum|Forum|4 years ago
August 18, 2021
1 reply
248 views

Hi.
I need to display an image from an external url. For example, if I click on component 1, I get the image of component 1 and if I then click on component 2, it changes the source of the image and shows the image of component 2.
I'm fetching the info from a database and I can load all the texts without problem when I change the component, but I don't know what to do with the image.
Thank you very much in advance for the collaboration.

This topic has been closed for replies.

Correct answer kglad

create an image object and change its src per your needs:

var image = new Image();

image.onload = onLoadF;
image.src=whatever path/name;

function onLoadF(e) {
// Create a Bitmap from the loaded image
var img = new createjs.Bitmap(e.target)
stage.addChild(img);
positionF(img);
// Render Stage
stage.update();
}

kglad

Correct answer

Community Expert

create an image object and change its src per your needs:

var image = new Image();

image.onload = onLoadF;
image.src=whatever path/name;

function onLoadF(e) {
// Create a Bitmap from the loaded image
var img = new createjs.Bitmap(e.target)
stage.addChild(img);
positionF(img);
// Render Stage
stage.update();
}

J

jhonbarc15A9Author

Participant

Correct!
Thank you very much.

kglad

Community Expert

you're welcome.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded