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.allowWidthReduction

Allow HTML popups to shrink to fit the width of the browser window.
If allowWidthReduction is true, the popup will shrink to fit the browser window width, even if a width is specified using CSS or, for iframes, hs.objectWidth. However, you can set a minimal allowed width using hs.minWidth.

Details

Requires html, autosize
Type boolean
Default value false
Overrideable inline Yes

Example

Making the expander use all the available width

This example uses AJAX to populate the content.

Setting the width of the expander using CSS:

<style type="text/css">
.highslide-wrapper .highslide-html-content {
    width: auto;
}
</style>

The link markup:

<a class="highslide" href="ajax.htm" onclick="return hs.htmlExpand(this, 
      { objectType: 'ajax', allowWidthReduction: true })">
   Click me
</a>

The effect:

Click me

See also

New, Edit