T
<![CDATA[<style>
.page-article
{
max-width:100%!important;
min-width:100%!important;
}
*
{outline:none!important;-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; -webkit-tap-highlight-color: transparent;
outline: none;
-ms-touch-action: manipulation;
touch-action: manipulation;}
*, *:focus
{outline:none!important;-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: manipulation;
touch-action: manipulation;}
[name*="_share"],
[name="start_btn"],
[name*="_repeat"],
[name*="item_"][name*="val_"]
{cursor:pointer;}
#article
{
height:2200px;
transition:height 0.3s;
padding-bottom: 0px;
}
[name*="slide_"] .content
{transition:all 0.3s;
cursor:pointer;}
[name*="slide_"].active .content
{ background-color: rgb(255 255 255 / 80%)!important;
transition:all 0.3s;
}
</style>
<script>
let activeId = null;
const BASELINE_ID = '0';
let infoShownOnce = false; // показ info-блока разрешён только один раз
// ===== helpers =====
function getSlideId(el) {
const name = $(el).attr('name') || '';
const m = name.match(/slide_(\d+)/);
return m ? m[1] : null;
}
function $itemsById(id) {
return $(`.object[name^="item_${id}"]`);
}
function $toplineById(id) {
return $(`.object[name="topline_${id}"]`);
}
function getTopValue($el) {
const cssTop = parseInt($el.css('top'), 10);
if (!Number.isNaN(cssTop)) return cssTop;
const pos = $el.position() || { top: 0 };
return pos.top || 0;
}
function rememberOriginalTop($els) {
$els.each(function () {
const $el = $(this);
if ($el.data('original-top') == null) {
const top = parseInt($el.css('top'), 10) || 0;
$el.data('original-top', top);
}
});
}
function triggerResize() {
// при необходимости — логика ресайза
}
// ===== core =====
function hideActiveItems() {
if (!activeId) {
return $.Deferred().resolve().promise();
}
const $els = $itemsById(activeId);
rememberOriginalTop($els);
const animations = [];
$els.each(function () {
const $el = $(this);
const originalTop = $el.data('original-top');
const p = $el
.stop(true, true)
.removeClass('lined selected opac')
.fadeOut(250)
.promise()
.then(function () {
$el.css('top', originalTop + 'px');
});
animations.push(p);
});
activeId = null;
return $.when.apply($, animations);
}
function showItemsFor(id) {
const $toplineTarget = $toplineById(id);
const $toplineBase = $toplineById(BASELINE_ID);
const topTarget = getTopValue($toplineTarget);
const topBase = getTopValue($toplineBase);
const shiftToBase = topBase - topTarget;
const $elsRaw = $itemsById(id);
rememberOriginalTop($elsRaw);
// Если info уже показывали раньше — исключаем его из набора для показа
const $els = infoShownOnce
? $elsRaw.filter(function () {
return $(this).attr('name') !== `item_${id}_info`;
})
: $elsRaw;
const animations = [];
$els.each(function () {
const $el = $(this);
const originalTop = $el.data('original-top');
$el.stop(true, true).hide();
$el.css('top', (originalTop + shiftToBase) + 'px');
animations.push($el.fadeIn(300).promise());
});
// One-time показ info-блока
if (!infoShownOnce) {
// сперва спрячем все возможные *_info на всякий случай
$(`.object[name$="_info"]`).hide();
const $info = $(`.object[name="item_${id}_info"]`);
if ($info.length) {
// у info тоже должна быть корректная "база" top
rememberOriginalTop($info);
const originalTopInfo = parseInt($info.data('original-top'), 10) || 0;
$info
.stop(true, true)
.css('top', (originalTopInfo + shiftToBase) + 'px')
.fadeIn(300);
infoShownOnce = true;
}
} else {
// после первого раза — держим все *_info скрытыми
$(`.object[name$="_info"]`).hide();
}
activeId = id;
return $.when.apply($, animations);
}
// ===== interactions =====
$(document).on('click', '[name^="slide_"]', function () {
const id = getSlideId(this);
if (!id) return;
if (id === activeId) return;
$('[name^="slide_"]').removeClass('active');
$(this).addClass('active');
hideActiveItems()
.then(function () { return showItemsFor(id); })
.then(function () {
triggerResize();
});
});
// ===== auto-init: активируем первый слайд при загрузке =====
$(function () {
// По умолчанию спрячем все *_info (на случай, если видимы стилями)
$(`.object[name$="_info"]`).hide();
const $first = $('[name^="slide_"]').first();
const firstId = getSlideId($first);
if (firstId) {
$('[name^="slide_"]').removeClass('active');
$first.addClass('active');
showItemsFor(firstId).then(function () {
triggerResize();
});
}
});
</script>]]> Профессия, ремесло и даже искусство фотографа как будто предполагают постоянный взгляд вовне — в окружающее пространство, общество, время. Для нашего нового проекта
мы попросили самых интересных фотографов страны ненадолго перенастроить оптику
и заглянуть внутрь себя, ответив на три главных и неизбежных вопроса.
Кликните на имя фотографа, чтобы посмотреть его ответы
Алена Кузьмина • Анастасия Рябцова • Андрей Кирсанов
Гоша Ин • Данил Головкин • Дима Булин • Дима Черный
Женя Филатова • Леонид Сорокин • Максим Тараканов
Саша Мадмуазель • Юлия Майорова • Юра Таралов
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
← кликните на вопрос,
чтобы увидеть фото
