I am using an external server to allow guests to take pictures in a museum on their phone and the photo will appear inside my Tumult media folder and re-write over the past 5 images. This is working fine.
I have a JS to catch these files.
var imgcontainer1 = hypeDocument.getElementById(“IMG1”);
var imgcontainer2 = hypeDocument.getElementById(“IMG2”);
var imgcontainer3 = hypeDocument.getElementById(“IMG3”);
var imgcontainer4 = hypeDocument.getElementById(“IMG4”);
var imgcontainer5 = hypeDocument.getElementById(“IMG5”);
I am running the JS on scene load and then running it from the timeline every 10 seconds.
The images are not updating.
Step one would be to get these images to reload.
Step two would be to have an event listener to be able to have an action when a new image is added to the server. Looking for any advice on how to handle this.
setting a new background-image might “flash”. there’s a load happening …
could be better, if you preload the file … perhaps even working with a shadowdom-like approach …
a pragmatic and safe workaround would be to work with two images above each other and in sync (a group …). you load the new image for the element behind and then switch it to be in front … and so on.
… or just a slight animation when switching the image … may look fine and pays attention …