Highslide JS API Reference

Close Move
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam dapibus leo quis nisl. In lectus. Vivamus consectetuer pede in nisl. Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sed enim. Ut vel ipsum. Cras consequat velit et justo. Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus, quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna. Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy pretium tellus.
Resize

Object: hs

Variables

Functions

Events

Object: hs.Expander

Variables

Functions

Events



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

New, Edit