hs.outlineWhileAnimating
Show the
graphic outline during the expansion and contraction of the popup.
The default value, 2, means outlines are visible for HTML expanders but not for images. Setting outlineWhileAnimating to true is generally not a good idea for image popups, at least not large images, as most computers have a heavy enough workload doing the fast resizing of the image. HTML content on the other hand is much less processor heavy, and a graphic outline while animating looks very good and distinguishes the popup from the background.
Possible values:
- false
- Never show outlines while animating.
- true
- Always show outlines while animating.
- 2
- Show outlines while animating for HTML content only.
Details
| Requires |
outlines |
| Type |
boolean |
| Default value |
2 |
| Overrideable inline |
Yes |
Example
General setting to all expanders
Put this in the head section of your page. This affects all expanders on your page.
<script type="text/javascript">
hs.outlineWhileAnimating = true;
</script>
Specifically setting it to a single expander
<a class="highslide" href="#"
onclick="return hs.htmlExpand(this, { contentId: 'highslide-html', outlineWhileAnimating: true })">
Click to open
</a>
The effect:
True
False
See also
