Highslide js添加控制栏

Question

当我在highslide中打开一个图像时，没有控制栏。我从http://highslide.com/configurator.php下载了js，它正在工作，但没有像next，prev，move和close按钮这样的控件。

html代码是：

<a id='1p' class='highslide' onclick='return hs.expand (this)' href='1.jpg'><img src='1_t.jpg' /></a>

有什么解决方案吗？

Answer 1

最后我找到了解决方案：

我将这段代码添加到html代码的头部分：

<script language="javascript" type="text/javascript">
hs.registerOverlay({
thumbnailId: null,
overlayId: "controlbar",
position: "top right",
hideOnMouseOut: true,
});
</script>

然后这是身体的一部分(它可以放在任何地方)：

<div id="controlbar" class="highslide-overlay controlbar">
<a class="previous" title="Previous (left arrow key)" onclick="return hs.previous(this)" href="#"></a>
<a class="next" title="Next (right arrow key)" onclick="return hs.next(this)" href="#"></a>
<a class="highslide-move" title="Click and drag to move" onclick="return false" href="#"></a>
<a class="close" title="Close" onclick="return hs.close(this)" href="#"></a>
</div>

现在，控制按钮已启用。

Answer 2

最好使用专用的addSlideshow函数：

<script type="text/javascript">
hs.addSlideshow({
    interval: 5000,
    useControls: true,
    fixedControls: false,
    overlayOptions: {
        opacity: .6,
        position: 'top center',
        hideOnMouseOut: true
    }
});
</script>

您不需要在正文中添加任何其他内容。剩下的工作由highslide-full.js脚本和highslide.css样式表完成。

一个简单的例子：http://highslide.com/examples/gallery-white.html