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

Defines the id of a graphic to expand the image from

The standard way to expand an image is to wrap the a-tag around a thumbnail img. In this case, the script itself detects the thumbnail and expands the full size image from it's position. However, if you call the expander from elsewhere on the page, you may specify which thumbnail (or other graphic) the large image should expand from. You do this by giving the thumbnail an id-attribute, and send thumbnailId as a parameter in the call to hs.expand. If the thumbnailId is omitted, the image expands from the a text itself.

Details

Type	string
Default value	null
Overrideable inline	No

Example

The thumbnail is not within the a tag

<img src="../samples/thumb3.jpg" id="thumb1"
        alt="Highslide JS" title="Click to enlarge"/>
<a href="../samples/full3.jpg" class="highslide"
        onclick="return hs.expand(this, {thumbnailId: 'thumb1'})">
    Click here to see the image
</a>

The effect:

Click here to see the image

New, Edit