Question
Multiple Image components in one scene, is it possible to set a separate div for each other?
Javascript / Canvas HTML5
As in the question, I'm having trouble setting the "image" components in the scene. I have set the following changes in the html output file:
<!-- write your code here -->
</head>
<body onload="init();" style="margin:0px;">
<div id="animation_container" style="background-color:rgba(255, 255, 255, 0.00); width:1280px; height:720px">
<canvas id="canvas" width="1280" height="720" style="position: absolute; display: none; background-color:rgba(255, 255, 255, 0.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1280px; height:720px; position: absolute; left: 0px; top: 0px; display: none; z-index: -1;">
</div>
</div>
<div id='_preload_div_' style='position:absolute; top:0; left:0; display: inline-block; height:720px; width: 1280px; text-align: center;'> <span style='display: inline-block; height: 100%; vertical-align: middle;'></span> <img src=images/_preloader.gif?1693399837391 style='vertical-align: middle; max-height: 100%'/></div>
</body>
</html><div id="animation_container" style="background-color:rgba(255, 255, 255, 0.00); width:1280px; height:720px">
<canvas id="canvas" width="1280" height="720" style="position: absolute; display: none; background-color:rgba(255, 255, 255, 0.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1280px; height:720px; position: absolute; left: 0px; top: 0px; display: none; z-index: -1;">
As you can see I changed the component values to be underneath the movieclips. However, this works for all image components. Is there any way to highlight e.g. 1 or 2 of them so that they keep their property of appearing at the very top as originally?
BG - Background ( for which the changed parameters are indicated.)
1 - elements should be on top of view. (default settings)
Thank you for your answer!
AdChoices