воскресенье, 17 декабря 2017 г.
Как вставить документ PDF (пдф) в страницу сайта
Возможностей несколько, но, к сожалению, не все имеют кроссбраузерную поддержку — одни требуют установки плагина, другие вовсе не отражаются. Лучший способ — это вставка кода с использованием скрипта Google Docs Viewer plugin for jQuery.
1. C использованием элемента <embed>.
<embed src="ссылка файла pdf" width="ширина в пикселях" height="высота в пикселях" />
IE 7-8 не поддерживает, требует загрузку и установку надстройки. Safari — не поддерживает.
2. C использованием <embed> через элемент <object>.
Спецификация HTML 4.0 рекомендует использовать тег <object> для загрузки внешних данных вместо тега <embed>, поэтому наилучшим вариантом будет поместить <embed> внутрь контейнера <object>.
<object><embed src="ссылка файла pdf" width="700" height="500" /></object>
IE 7-8 не поддерживает, требует загрузку и установку надстройки. Safari — не поддерживает.
3. С использованием тега <iframe>.
<iframe src="ссылка файла pdf" width="700" height="400"></iframe>
IE 7-8 не поддерживает, требует загрузку и установку надстройки. Safari — не поддерживает.
<iframe src="http://docs.google.com/viewer?url=http%3A%2F%2Fwww.apsolyamov.ru%2Ffiles%2Fpdf_test.pdf&embedded=true" width="700" height="500" style="border: none;"></iframe>
5. С использованием скрипта GDocsViewer.
<script type="text/javascript" src="/js/jquery.gdocsviewer.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a.embed').gdocsViewer({width: 630, height: 600});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('a.embed').gdocsViewer({width: 630, height: 600});
});
</script>
6. С использованием сервисов публикации документов.
Требуется регистрация. После загрузки файла на сервер сервиса необходимо получить код для вставки документа пдф на сайт.
- DocMe — http://www.docme.ru/
- Google Docs — http://docs.google.com/
- Магру — http://magru.net/
- Scribd — http://ru.scribd.com/
7. С использованием Google Drive
Требуется авторизация.
1. Откройте папку с документом на Гугл диске.
2. Выделите нужный файл пдф и нажмите значок глаза («Предварительный просмотр»).
2. Выделите нужный файл пдф и нажмите значок глаза («Предварительный просмотр»).
3. Далее, в правом верхнем углу дополнительные опции (три точки) и «Открыть в новом окне».
4. Снова в правом верхнем углу дополнительные опции (три точки) и «Встроить».
5. Откроется окно с кодом для встраивания. Копируйте и вставляйте на страницу сайта. Ширина и высота фрейма по вкусу.
0 коммент.:
Отправить комментарий