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

Which corner or side of the thumbnail the popup should be anchored to.
The default setting is 'auto', which means the image tries to expand equally in all directions, but moves and/or contracts if it exceeds the client area. Other possible values are 'top', 'top right', 'right', 'bottom right', 'bottom', 'bottom left', 'left' and 'top left'.


Note that this option requires that you enable "Advanced positioning" in the Configurator, or that you use the highslide-full.js file that comes with the zip package.

Details

Requires positioning
Type string
Default value
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.anchor = 'left';
</script>

Specifically setting it to a single expander

<a class="highslide" href="full1.jpg" 
      onclick="return hs.expand(this, { anchor: 'top left' })">
   <img src="../samples/thumb1.jpg" alt=""/>
</a>

The effect:

Left:
Bottom left:

See also

New, Edit