「MediaWiki:Common.js」の版間の差分
提供: MochiuWiki : SUSE, EC, PCB
📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。(旧サイトでは記事を追加しておりません)
タグ: 置換 手動差し戻し |
編集の要約なし タグ: 差し戻し済み |
||
| 1行目: | 1行目: | ||
/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */ | /* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */ | ||
$(document).ready(function() { | |||
// ページ内のすべての画像にホバーイベントを追加 | |||
$('.mw-content-text img').each(function() { | |||
var $img = $(this); | |||
var $popup = null; | |||
$img.hover( | |||
function() { | |||
// ポップアップ作成 | |||
var imgSrc = $img.attr('src').replace(/\/thumb/, '').replace(/\/[0-9]+px-.*$/, ''); | |||
$popup = $('<div>') | |||
.addClass('image-popup') | |||
.css({ | |||
position: 'fixed', | |||
top: '50%', | |||
left: '50%', | |||
transform: 'translate(-50%, -50%)', | |||
zIndex: 10000, | |||
backgroundColor: 'rgba(0,0,0,0.9)', | |||
padding: '10px', | |||
borderRadius: '5px', | |||
maxWidth: '90vw', | |||
maxHeight: '90vh' | |||
}) | |||
.append( | |||
$('<img>') | |||
.attr('src', imgSrc) | |||
.css({ | |||
maxWidth: '100%', | |||
maxHeight: '85vh', | |||
display: 'block' | |||
}) | |||
); | |||
$('body').append($popup); | |||
}, | |||
function() { | |||
// ポップアップ削除 | |||
if ($popup) { | |||
$popup.remove(); | |||
} | |||
} | |||
); | |||
}); | |||
}); | |||
2025年12月19日 (金) 18:43時点における版
/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */
$(document).ready(function() {
// ページ内のすべての画像にホバーイベントを追加
$('.mw-content-text img').each(function() {
var $img = $(this);
var $popup = null;
$img.hover(
function() {
// ポップアップ作成
var imgSrc = $img.attr('src').replace(/\/thumb/, '').replace(/\/[0-9]+px-.*$/, '');
$popup = $('<div>')
.addClass('image-popup')
.css({
position: 'fixed',
top: '50%',
left: '50%',
transform: 'translate(-50%, -50%)',
zIndex: 10000,
backgroundColor: 'rgba(0,0,0,0.9)',
padding: '10px',
borderRadius: '5px',
maxWidth: '90vw',
maxHeight: '90vh'
})
.append(
$('<img>')
.attr('src', imgSrc)
.css({
maxWidth: '100%',
maxHeight: '85vh',
display: 'block'
})
);
$('body').append($popup);
},
function() {
// ポップアップ削除
if ($popup) {
$popup.remove();
}
}
);
});
});