Okay, so this almost got me there. I figured it out but this is a little clunky, at best.
Taking @A_J_Mako solution, I added this to play.html:
<script type="text/javascript">
game_options = {
image_info_map: { 3: { "image": 3, "url": "Bannes Banner.png", "width": 352, "height": 78 } }
};
</script>
You do have to make sure to move your image manually into the Release folder, incidentally.
Crucially, however, there is something already in play.html like this:
<script type="text/javascript">
game_options = {
image_info_map: 'StaticImageInfo', // image data is here, not in blorb
use_query_story: false,
set_page_title: false,
inspacing: 0, // gap between windows
outspacing: 0 // gap between windows and edge of gameport
};
</script>
So you can just replace image_info_map there, as such:
<script type="text/javascript">
game_options = {
image_info_map: { 3: { "image": 3, "url": "Bannes Banner.png", "width": 352, "height": 78 } },
use_query_story: false,
set_page_title: false,
inspacing: 0, // gap between windows
outspacing: 0 // gap between windows and edge of gameport
};
</script>
If you do all that, the image does actually show up in Quixe.
That “StaticImageInfo” appears to refer to something in resourcemap.js but I’m not sure of the connection entirely.
In any event, this does absolutely do the trick and I’m having a bit of deja vu as, upon further searching, I found a thread where I had dealt with this issue long before Reference: Adding images to a Glulx game in Quixe.
My only slight concern is that this will likely not be very tenable for a classroom setting where they have kids update things on the fly or even where the teachers may want to periodically change things but I’ll see how that goes.
Thank you for the assist here!