Highlighted

Fix slow webpage loading speed with DHTML?

New Here ,
Dec 19, 2014

Copy link to clipboard

Copied

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.Camera.png

When you click the camera, it looks like

DHTML.png

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.

Topics

WebHelp

Views

240

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Fix slow webpage loading speed with DHTML?

New Here ,
Dec 19, 2014

Copy link to clipboard

Copied

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.Camera.png

When you click the camera, it looks like

DHTML.png

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.

Topics

WebHelp

Views

241

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Captiv8r LATEST
LEGEND ,
Dec 19, 2014

Copy link to clipboard

Copied

Hi there

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.

Cheers... Rick

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...