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.Expander.prototype.onMouseOut

Fires when the mouse cursor leaves the image or HMTL popup.
void hs.Expander.prototype.onMouseOut ( hs.Expander sender, object e )

Details

Requires events
Type event
Returns void

Parameters

sender
The sender object in this context is the hs.Expander instance.
e
The JavaScript event arguments as passed to the wrapper object.

Example

Closing the image on mouse out

This example shows how to close the image when the mouse cursor leaves it.

Put this in the head section of your page:

<script type="text/javascript">
// close on mouse out
hs.Expander.prototype.onMouseOut = function (sender) {
   sender.close();
};
// close if mouse is not over on expand (using the internal mouseIsOver property)
hs.Expander.prototype.onAfterExpand = function (sender) {
   if (!sender.mouseIsOver) sender.close();
};
</script>

The second example below also opens on mouse over. This is how you mark up the thumbnail. Note how we pass onmouseover over to the onclick event handler to make Highslide work well with preloading, previous/next and image clicks.

<a class="highslide" href="../samples/full3.jpg" 
      onmouseover="return this.onclick()" onclick="return hs.expand(this)">
   <img src="../samples/thumb3.jpg" alt=""/>
</a>

Try the effect:

Open on click

Open on mouse over

See also

New, Edit