Question

当我在高滑道打开图像时，没有控制栏。我从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

Highslide js添加控制栏

2 个答案: