Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* Просмотр картинки по клику; Ctrl/Cmd+клик открывает страницу файла как раньше.
Стили окна — в MediaWiki:Citizen.css (.era-lightbox) */
$( function () {
$( document ).on( 'click', '.mw-parser-output a.mw-file-description, .mw-parser-output a.image', function ( e ) {
if ( e.ctrlKey || e.metaKey || e.shiftKey || e.button !== 0 ) return;
var img = this.querySelector( 'img' );
if ( !img ) return;
e.preventDefault();
// из адреса миниатюры получаем оригинал
var full = ( img.currentSrc || img.src ).replace( /\/thumb(\/.+?\/[^\/]+)\/[^\/]+$/, '$1' );
var box = document.createElement( 'div' );
box.className = 'era-lightbox';
var big = document.createElement( 'img' );
big.src = full;
big.alt = img.alt || '';
box.appendChild( big );
function close() {
box.remove();
document.removeEventListener( 'keydown', onKey );
document.documentElement.style.overflow = '';
}
function onKey( ev ) { if ( ev.key === 'Escape' ) close(); }
box.addEventListener( 'click', close );
document.addEventListener( 'keydown', onKey );
document.documentElement.style.overflow = 'hidden';
document.body.appendChild( box );
} );
} );