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

Highslide JS Click here to see the image
New, Edit