Highslide JS API Reference

Go to the Highslide JS home page | Reference overview | Tutorial
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.width

Sets the pixel width of the HTML expander, or the width of the constraining box for images.

Instead of setting the size of the expanders using CSS on the content div, you can set hs.width and hs.height generally on the page or specifically on each expander. In both these cases, hs.width and hs.height override the size set using CSS. Especially when using self rendering content wrappers this is an easier way.

For image popups, when hs.useBox is true, you set the width and height through hs.width and hs.height.

Details

Requires html
Type integer
Default value undefined
Overrideable inline Yes

Example

A wider AJAX expander

In this case the .highslide-html-content CSS rule says the expander should be 400px, but we override it inline by setting width: 600. 

<a class="highslide" href="../include-short.htm" 
      onclick="return hs.htmlExpand(this, { objectType: 'ajax', width: 600})">
   Click to open
</a>

Click to see the effect.

Click to open

See also

hs.height, hs.minWidth, hs.minHeight, hs.maxWidth, hs.maxHeight, hs.allowWidthReduction, hs.useBox.
New, Edit