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

Finaly我發現瞭解決方案：

我已經添加這個頭的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