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

A collection of HTML to be inserted automatically.

The hs.skin object was added in version 4.0 to provide a simple way to edit the automatically generated HTML in self rendering content wrappers for HTML and slideshow controls. Although most customisation can be done solely by CSS, the skin object gives the implementor full control of the injected content.

These are the members of the object:

controls
The HTML for the gallery controls. Texts and titles are inserted by variables from the hs.lang object. Click events are automatically bound to the elements as identified by the class name.
contentWrapper
The self rendering content wrapper for HTML content.

Details

Requires html or slideshow
Type object
Default value
Overrideable inline No

Example

Changing the contentWrapper

hs.skin.contentWrapper =
	'<div class="highslide-header">'+
		'<h1>This is a custom header</h1>'+
		'<a href="#" title="{hs.lang.closeTitle}" '+
				'onclick="return hs.close(this)">'+
			'<span>{hs.lang.closeText}</span></a>'+
	'</div>'+
	'<div class="highslide-body"></div>'+
	'<div class="highslide-footer"><div>'+
		'<b>This is a custom footer</b>'+
	'</div></div>';

Click to see the effect.

Click to open

See also

New, Edit