I'm using RoboHelp 184.108.40.206 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.
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 ?>
Which looks like:
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.
I'm hoping Willam will pop in here to advise. But until he does, and hopefully when he does he will comment on my thoughts here, but I'm wondering if the following approach would work.
Put the images on a separate page. Then insert an Inline Frame (IFRAME) into the DHTML area.
What my hope would be is that it won't be until the DHTML reveals the IFRAME that it would then try and load the HTML and show the images.
Then again, it might perform just as slowly. Only trial will prove whether it works or not.