среда, 9 сентября 2015 г.
Как вставить документ PDF (пдф) в страницу сайта
Возможностей несколько, но, к сожалению, не все имеют кроссбраузерную поддержку — одни требуют установки плагина, другие вовсе не отражаются. Лучший способ — это вставка кода с Google Docs Viewer и использование скрипта 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 — не поддерживает.
4. С использованием сервиса Google Docs Viewer (через iframe).
<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>
6. С использованием сервисов публикации документов.
Требуется регистрация. После загрузки файла на сервер сервиса необходимо получить код для вставки документа пдф на сайт.
|
0 коммент.:
Отправить комментарий