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
