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中更高的一个元素（类highslide-wrapper）？这可以解决我的问题。

offsetX和offsetY仅适用于右侧面板上带标题的页面。

谢谢

Answer 1

我们发现添加一个尊重highslide-heading的不同高度，右侧面板标题等的最简单方法是使用jQuery：创建一个div，设置它并将其附加到highslide-wrapper。 />
将其添加到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。

Highslide关闭按钮位置

1 个答案: