MediaWiki:Common.js

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

• Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
• Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
• Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。

/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */
// クリックで画像を拡大
$(document).ready(function() {
    $('img.click-to-zoom').on('click', function() {
        var src = $(this).attr('src');
        $('body').append('<div id="overlay"><img src="' + src + '" id="zoomedImg"></div>');
        $('#overlay').css({
            'position': 'fixed',
            'top': '0',
            'left': '0',
            'width': '100%',
            'height': '100%',
            'background': 'rgba(0, 0, 0, 0.8)',
            'display': 'flex',
            'align-items': 'center',
            'justify-content': 'center'
        });
        $('#zoomedImg').css({
            'max-width': '90%',
            'max-height': '90%'
        });
        $('#overlay').on('click', function() {
            $('#overlay').remove();
        });
    });
});