UID*_*UID 12 html embed pdf jquery galleriffic
我必须创建一个我正在使用的图像滑块:
" Galleriffic插件> http://www.twospy.com/galleriffic/ ",
在图像滑块和图像中,我必须显示某些情况下的PDF.
并且为了表明这一点,我<div>将PDF嵌入到" <div class="caption">"中,您可以在其中显示与图像相关的描述.
对于带有PDF的Slider,您可以在此处查看完整代码:http://jsfiddle.net/Z99gr/2/
我正在尝试使用<object> or <embed>标记嵌入PDF ,它在Chrome和Firefox中运行良好.但不是在IE11.
我无法理解缺少什么,因为我只用一个div来创建一个小提琴,嵌入PDF并且它在所有三个浏览器,Chrome,Firefox和IE11中都能很好地工作.
请仔细研究这个问题,并尽快建议我在IE 11中缺少什么.
谢谢!
UID*_*UID 24
我现在能够使用" <iframe>"标签嵌入PDF文件IE .
我用所有3个浏览器,Firefox,Chrome和IE 替换了" <object>"和" <embed>"标签<iframe>以及它的工作正常.
在IE中有两种嵌入PDF的方法.
第一种方式:直接拨打PDF <iframe>
以下是更新的代码:
<div id="pdf">
<iframe src="https://www.adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
<p>It appears your web browser doesn't support iframes.</p>
</iframe>
</div>
第二种方式:如果浏览器没有PDF阅读器,你可以调用<iframe>包含<object>标签的HTML页面.
以下是第二个选项的代码
<div id="pdf">
<iframe src="pdf.html" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
<p>It appears your web browser doesn't support iframes.</p>
</iframe>
</div>
" pdf.html " 代码
<body>
<object data="lorem.pdf" type="application/pdf">
<p>It appears you don't have Adobe Reader or PDF support in this web browser. <a href="lorem.pdf">Click here to download the PDF</a>. Or <a href="http://get.adobe.com/reader/" target="_blank">click here to install Adobe Reader</a>.</p>
<embed src="lorem.pdf" type="application/pdf" />
</object>
</body>
这对我有用!!!
这是工作小提琴:http://jsfiddle.net/stmjvz4f/
希望将来对别人有所帮助!
| 归档时间： |
|
| 查看次数： |
58909 次 |
| 最近记录： |