|
|
| 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();
| |
| }
| |
| }
| |
| );
| |
| });
| |
| });
| |
/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */
