Ecли вы получили доступ к цифровой вдохновение недавно сайт с вашего рабочего стола, пример вывода полноразмерного Журнала Flipboard виджет, которые сейчас внедряются на всех страницах статьи. Этот журнал предлагает альтернативный, более наглядный способ для посетителей, чтобы просмотреть сайт из архива.
Любой журнал Flipboard может быть легко встроен помощью стандартных тегов IFRAME на веб-страницы, но есть несколько вещей, которые вы должны рассмотреть:
Шаг 1 — Вставьте <div> в любом месте вашего веб-шаблона, где вы хотите журнал Flipboard появляться.
<div id=»flipboard»></div>
Шаг 2 — Вставьте этот фрагмент JavaScript-кода рядом с закрывающим тегом </body> вашего сайта. Оно будет загружаться асинхронно и, таким образом, могут быть размещены в нижней части вашей страницы.
<script>
(function () {
var width = 0,
flipboard = document.getElementById(‘flipboard’);
width = flipboard.getBoundingClientRect().width ? flipboard.getBoundingClientRect().width : flipboard.offsetWidth;
if (width > 800) {
flipboard.innerHTML = ‘<iframe width=»100%» frameborder=»0″ height=»600px» marginheight=»0″ marginwidth=»0″ scrolling=»no» src=»https://flipboard.com/section/tech-tips-bnjaT5″></iframe>’
}
})();
</script>
*Не забудьте заменить журнал Flipboard URL-адрес с собственным.
Поделитесь мнение о методе «Как внедрить Flipboard журналы на Ваш сайт», предложи свой вариант в комментариях! Спасибо!
Поделись мнением о статье "Как внедрить Flipboard журналы на Ваш сайт", предложи свой вариант в комментариях! Спасибо!