// Функция для открытия модального окна
function openPhoto(id) {
var overlay = $('#photoOverlay');
var loader = $('#photoLoader');
var img = $('#bigPhoto');
// Показываем затемненный фон и кружочек загрузки
img.hide();
loader.show();
overlay.css('display', 'flex').fadeIn(200);
// Задаем адрес картинки (берем чистые байты, без view=1)
img.attr('src', 'HandlerCS.ashx?id=' + id);
// Когда картинка полностью загрузится браузером
img.on('load', function() {
loader.hide(); // Прячем загрузку
img.fadeIn(300); // Плавно показываем большое фото
});
}
// Закрытие окна при клике на большую картинку или на сам темный фон
$('#photoOverlay, #bigPhoto').on('click', function () {
$('#photoOverlay').fadeOut(200);
});