Set HTML <img> element to Javascript image variable -
i have array of image variables preloaded using javascript make image sequence animation. issue have setting img element html use 1 of these images. seems properies strings?
here's how set array of images in javascript:
for(var = 0; < 30; ++){ anim[i] = new image(); if(i < 10){ anim[i].src = "images/anim/frame0" + + ".png"; } if(i >= 10){ anim[i].src = "images/anim/frame" + + ".png"; } }
and have ^img tag = "animation"^ in html want change.
your code looks valid.
for(var = 0; < 30; i++){ anim[i] = new image(); if(i < 10){ anim[i].src = `images/anim/frame0${i}.png`; } if(i >= 10){ anim[i].src = `images/anim/frame${i}.png`; } }
now can do: document.body.appendchild(anim[0]);
i tested , works me.
if want change src
on fly you'd have select appended element , update src this: document.queryselectorall('img')[0].src = newsourcevariable;
.
Comments
Post a Comment