0

こんにちは。ハイスライド ポップアップ ウィンドウの右上隅に閉じるボタンを追加する必要があります。私は設定に追加します：

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 の 1 つ上位の要素 (クラス highslide-wrapper) にオーバーレイを追加できるのではないでしょうか? これは私の問題を解決する可能性があります。

offsetX と offsetY は、右側のパネルにキャプションがあるページでのみ機能します。

ありがとうございました

4

1 に答える 1

0

高さの異なる 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 が必要です。

于 2013-03-24T08:53:32.877 に答える