Участник:Degit22:ru/common.js

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
• Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
• Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
• Opera: Выберите очистку кэша в меню Инструменты → Настройки

/* добавляет структуру для просмотра увеличенных изображений без перехода на другую страницу */
function addImagePopupWindow2() {
	$('body').append('<div id="popupImageWindow2"><table><tr><td style="vertical-align: middle;">'+
		'<div id="popupImage-overlay" style="background-color: rgb(119, 119, 119); background-repeat: no-repeat; background-position: center; opacity: 0.7; cursor: pointer; height: 100%; width: 100%; display: block; position: absolute; left: 0px; top: 0px;"></div>'+
		'<div id="popupImageWrapper2" style="position: relative; display: inline-block;">'+
		'<img id="popupImage2" src="" /><img src="//wikicdn.wargaming.net/images/b/bd/Close.png" class="closeBtn">'+
		'<a style="display: inline; width: 35%; left: 0px; position: absolute; height: 100%; top: 0px;" href="javascript:;" id="popupImage-left">'+
			'<span id="popupImage-left-ico"></span>'+
		'</a>'+
		'<a style="display: inline; width: 35%; right: 0px; position: absolute; height: 100%; top: 0px;" href="javascript:;" id="popupImage-right">'+
			'<span id="popupImage-right-ico"></span>'+
		'</a>'+
		'<div id="popupImageInfo2"></div></div>'+
		'</td></tr></table></div>'+
		'<div id="popupImageButtons2"><a id="openImageFile2" href="javascript:;">Файл</a></div>');
}

var gallersArray = [], currentGalleryIndex = 0, currentImageIndex = 0;

/* Открывает картинку */
function setImage(indexGallery, indexImage) {
	currentGalleryIndex = indexGallery;
	currentImageIndex = indexImage;
	$('#popupImage2').width('1px');
	$('#popupImage2').height('1px');
	$('#popupImage-overlay').css('background-image', 'url('+imageLoaderUrl+')');
	$('#popupImage2').attr('src', gallersArray[indexGallery][indexImage].src);
	$('#popupImageButtons2 a#openImageFile2').attr('href', gallersArray[indexGallery][indexImage].href);
	$('#popupImageInfo2').html(gallersArray[indexGallery][indexImage].text);
	if (gallersArray[indexGallery].length < indexImage + 2) { // Если нет следующей картинки убираем кнопку
		$('#popupImage-right').hide();
	} else {
		$('#popupImage-right').show();
	}
	if (indexImage - 1 < 0) { // Если нет предыдущей картинки убираем кнопку
		$('#popupImage-left').hide();
	} else {
		$('#popupImage-left').show();
	}
	$('#popupImageWrapper2').hide();
	$('#popupImageWindow2').show();
	$('#popupImageButtons2').show();
}

/* добавляет функционал просмотра увеличенных изображений без перехода на другую страницу */
function addImagePopups2() {
	addImagePopupWindow2();
	$('a.image').unbind('click'); ////////////Временное решение. Отключаем старый код

	// Для галерей
	$.each($('ul.gallery'), function(indexGallery, valueGallery) {
		gallersArray[indexGallery] = [];
		$.each($(valueGallery).find('li.gallerybox'), function(indexImage, valueImage) {
			var Image = new Object();
			var srcStr = $(valueImage).find('a.image img').attr('src');
			if (typeof srcStr !== 'undefined') {
				if (srcStr.indexOf('thumb/')+1 > 0) {
					srcStr = srcStr.replace(/thumb\//gi, '');
					srcStr = srcStr.substring(0, srcStr.lastIndexOf("/"));
				}
			}
			Image.src = srcStr;
			Image.text = $(valueImage).find('div.gallerytext').text().trim();
			Image.href = $(valueImage).find('a.image').attr('href');
			if (typeof Image.src !== 'undefined') {
				gallersArray[indexGallery][indexImage] = Image;
				$(valueImage).find('a.image').click(function(index) {
					setImage(indexGallery, indexImage);
					return false;
				});
			}
		});
	});
	// Для одиночных эскизров
	$.each($('div.thumb div.thumbinner'), function(indexGallery, value) {
		var indexGallery = gallersArray.length;
		gallersArray[indexGallery] = [];
		var Image = new Object();
		var srcStr = $(value).find('a.image img.thumbimage').attr('src');
		if (typeof srcStr !== 'undefined') {
			if (srcStr.indexOf('thumb/')+1 > 0) {
				srcStr = srcStr.replace(/thumb\//gi, '');
				srcStr = srcStr.substring(0, srcStr.lastIndexOf("/"));
			}
		}
		Image.src = srcStr;
		Image.text = $(value).find('div.thumbcaption').text().trim();
		Image.href = $(value).find('a.image').attr('href');
		if (typeof Image.src !== 'undefined') {
			gallersArray[indexGallery][0] = Image;
			$(value).find('a.image').click(function(index) {
				setImage(indexGallery, 0);
				return false;
			});
		}
	});

	// После загрузки картинки показываем её
	$('#popupImage2').load(function() {
		$('#popupImage2').width('');
		$('#popupImage2').height('');
		$(this).css('max-width', (self.innerWidth-100)+'px');
		$(this).css('max-height',(self.innerHeight-100)+'px');
		$('#popupImage-overlay').css('background-image', '');
		$('#popupImageWrapper2').show();
	});

	//Закрыть попап кнопкой
	$('.closeBtn').click(function(index) {
		$('#popupImageWindow2').hide();
		$('#popupImageButtons2').hide();
		$('#popupImageButtons2 a').attr('href', '#');
		$('#popupImageInfo2').text('');
		$('#popupImage2').attr('src', '');
	});

	//Закрыть попап фоном
	$('#popupImage-overlay').click(function(index) {
		$('#popupImageWindow2').hide();
		$('#popupImageButtons2').hide();
		$('#popupImageButtons2 a').attr('href', '#');
		$('#popupImageInfo2').text('');
		$('#popupImage2').attr('src', '');
	});

	// Предыдущую картинку
	$('a#popupImage-left').click(function(index) {
		setImage(currentGalleryIndex, currentImageIndex - 1);
	});

	// Следующую картинку
	$('a#popupImage-right').click(function(index) {
		setImage(currentGalleryIndex, currentImageIndex + 1);
	});
};

$(document).ready(function(){
	setTimeout(addImagePopups2, 0);
});