Fix slow webpage loading speed with DHTML?

I'm using RoboHelp 11.0.2.240 and publishing to a WebHelp output. I've inserted my images by hiding them behind an image of a camera that uses dropdown DHTML:

Here is the code:

<p class="Normal2">If you do not have SMS configured or lack the necessary

permissions to view reports, you will see the following Welcome page.

<?rh-dropspot_start class="dropspot" href="javascript:TextPopup(this)"

  id="a32" dataid="POPUP47887467521" ?><img src="../Camera.png"

  title="View a Picture" alt="View a Picture" style="border: none;"

  border="0" /><?rh-dropspot_end ?></p>

<?rh-droptext_start class="droptext" id="POPUP47887467521" style="display: none;" ?>

  <p class="Normal2"><img src="../ICMWelcome.png" title="InformaCast Mobile Welcome Page"

  alt="" style="border: none;" width="729" height="500"

  border="0" /></p><?rh-droptext_end ?>

<p>

Which looks like:

If you do not have SMS configured or lack the necessary permissions to view reports, you will see the following Welcome page.

When you click the camera, it looks like

The problem I'm having is that, when this is published to our website, ​the page tries to download all of the images at once right as the page loads, which (for image-heavy pages) is causing our website to load very slowly. Is there a way for me to have similar functionality (i.e. "hiding" the images), but only have the images load if the DHTML is accessed? Thank you for your help.