Highslide js add control bar

Question

Когда я открываю изображение в highslide, нет панели управления. Я загрузил js из http://highslide.com/configurator.php, и он работает, но без элементов управления, таких как кнопки 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