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.

Object: hs

Variables

Functions

Events

Object: hs.Expander

Variables

Functions

Events

hs.dragByHeading

Allow the image or HTML popup to be dragged by it's heading.

Details

Requires	overlays
Type	boolean
Default value	true
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.dragByHeading = false;
</script>

Specifically setting it to a single expander

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

The effect:

True (default):

Click and drag here to move

False:

Clicking and dragging here does nothing

Highslide JS API Reference

Object: hs

Variables

Functions

Events

Object: hs.Expander

Variables

Functions

Events

hs.dragByHeading

Details

Example

General setting to all expanders

Specifically setting it to a single expander

The effect:

See also