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。