Highslide關閉按鈕位置

Question

你好。我需要將關閉按鈕添加到highslide彈出窗口的右上角。我添加到配置：

hs.registerOverlay({ 
    html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>', 
    position: 'top right', 
    useOnHtml: true, 
    fade: 2 // fading the semi-transparent overlay looks bad in IE 
}); 

但在一些網頁彈出式窗口已經右側面板上以字幕文本，上面的照片編號。而這個按鈕相對於照片定位，而不是整個窗口。也許疊加層可以添加到DOM中較高的一個元素（class highslide-wrapper）？這可以解決我的問題。

offsetX和offsetY僅適用於右側面板上帶有標題的頁面。

謝謝

Answer 1

我們發現，補充一點，尊重不同高度highslide - 航向層，最簡單的方法rightpanel字幕等，是使用jQuery：創建一個div，風格，並將其追加到高山包裹。

添加到您的Highslide設置：

hs.Expander.prototype.onAfterExpand = function (sender) { 
    $('<div onclick="return hs.close(this)" title="Close"></div>').css({ 
     position: 'absolute', 
     top: '-15px', 
     right: '-15px', 
     height: '30px', 
     width: '30px', 
     cursor: 'pointer', 
     background: 'url(/highslide/graphics/close.png)', // adjust the path if necessary 
     zIndex: 20 
    }).appendTo(sender.wrapper); 
}; 

注意：此方法需要highslide-full.js和jQuery。