Code: Select all
<link rel="stylesheet" href="/travelogues/wp-content/plugins/highslide/highslide.css" type="text/css" media="screen" />
<script type="text/javascript" src="/travelogues/wp-content/plugins/highslide/highslide.js"></script>
<script type="text/javascript">
if (hs.registerOverlay) hs.registerOverlay({
slideshowGroup: 'group1',
overlayId: 'test-overlay',
position: 'bottom right',
hideOnMouseOut: false,
opacity: 0.85
});
if (hs.addSlideshow) hs.addSlideshow({
slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
},
fixedControls: true
});
hs.dragHeader = true;
hs.slideshowGroup = 'group1';
hs.graphicsDir = '/travelogues/wp-content/plugins/highslide/graphics/';
hs.align = 'center';
hs.outlineType = 'glossy-dark';
hs.showCredits = false;
hs.captionOptions.position = 'below';
hs.headerEval = 'this.thumb.title';
hs.number = 'header';
hs.skin.number = 'Image %1 of %2 ';
hs.fadeInOut = true;
</script>
Code: Select all
<div id="test-overlay" class="highslide-overlay highslide-resize"></div>