T
«INTERIOR+DESIGN — первое интерьерное российское издание с концепцией digital-first. Мы хотим помочь оставаться открытыми и свободными. Окружать себя только качественным дизайном, и, конечно же, читать хорошие журналы. Бесплатно и онлайн», — главный редактор INTERIOR+DESIGN, interior.ru Наталья Тимашева
Наведите на выпуск,чтобы увидеть остальные обложки
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":0,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":1.2,"delay":0.5,"bezier":[],"ease":"Power2.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
№2-3 февраль/март 2021 decor
№4-5 апрель/май 2021 design
<![CDATA[<!-- 2021-2-3-decor -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2021-2-3-decor";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> <![CDATA[<!-- 2021-4-5-design -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2021-4-5-design";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> <![CDATA[<!-- 2021-6-7-art -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2021-6-7-art";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> №8-9 август/сентябрь 2021 arch
<![CDATA[<!-- 2021-8-9-arch -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2021-8-9-arch";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> №2-3 февраль/март 2020 decor
№4-5 апрель/май 2020 design
<![CDATA[<!-- 2020-2-3-decor -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2020-2-3-decor";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> <![CDATA[<!-- 2020-4-5-design -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2020-4-5-design";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> <![CDATA[<!-- 2020-6-7-art -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2020-6-7-art";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> №8-9 август/сентябрь 2020 fashion
№10-11 октябрь/ноябрь 2020 arch
№12-1 декабрь/январь 2020 techno
<![CDATA[<!-- 2020-8-9-design -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2020-8-9-design";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> <![CDATA[<!-- 2020-10-11-arch -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2020-10-11-arch";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> <![CDATA[<!-- 2020-12-2021-techno -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2020-12-2021-techno";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> №2-3 февраль/март 2019 decor
№4-5 апрель/май 2019 design
<![CDATA[<!-- 2019-2-3-decor -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2019-2-3-decor";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> <![CDATA[<!-- 2019-4-5-design -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2019-4-5-design";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> <![CDATA[<!-- 2019-6-7-art -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2019-6-7-art";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> №8-9 август/сентябрь 2019 fashion
№10-11 октябрь/ноябрь 2019 arch
№12-1 декабрь/январь 2019-20 techno
<![CDATA[<!-- 2019-12-2020-techno -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2019-12-2020-techno";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> <![CDATA[<!-- 2019-8-9-fashion -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2019-8-9-fashion";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> <![CDATA[<!-- 2019-10-11-arch -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
window.onload = function(){
setTimeout(function(){
window.magazineId = "2019-10-11-arch";
var anchorElement = window.top.document.createElement('div');
anchorElement.id = window.magazineId;
anchorElement.classList.add("js-article-crutch-anchor");
window.frameElement.parentNode.appendChild(anchorElement);
$(anchorElement).height($(window.frameElement));
$(window.frameElement).hide();
var articleElement = window.top.document.getElementsByClassName('article-article')[0];
var objectElement = window.frameElement.closest('.object');
var objectLeft = $(objectElement).offset().left;
var objectTop = $(objectElement).offset().top;
var articleLeft = $(articleElement).offset().left;
var articleTop = $(articleElement).offset().top;
var buttonElementSelector = [
'.js-article-crutch[rel="',
window.magazineId,
'"]'
];
buttonElementSelector = buttonElementSelector.join('');
var buttonElement = window.top.document.querySelector(buttonElementSelector);
// let buttonElement = window.top.document.querySelector('.js-article-crutch[rel="' window.magazineId '"]');
var buttonTop = objectTop - articleTop;
var buttonLeft = objectLeft - articleLeft;
$(buttonElement).css({
top: (objectTop - articleTop),
left: (objectLeft - articleLeft - parseInt($(articleElement).css('padding-left'))),
});
}, 500);
}
</script>]]> {"width":1280,"column_width":132,"columns_n":8,"gutter":32,"line":16}{"mode":"page","transition_type":"slide","transition_direction":"horizontal","transition_look":"belt","slides_form":{}}{"css":".editor {font-family: Mntsrrt; font-size: 16px; font-weight: 400; line-height: 24px;}"}
