Here is the Fiddle link "http://jsfiddle.net/Z99gr/2/" which similar to my code, I have created a Image slider using Galleriffic. In the image slider along with images I am showing PDF embedded.
The Fiddle link and my image slider works fine in Chrome and Firefox, but in IE I its not loading. I am testing in IE 11
In IE, when I open the "DOM Explorer (F12 - debug tool of IE)" and selects the <div>
which contains the <embed>
tag for PDF, it show below code.
<div id="pdf">
<embed width="500" height="375" src="https://www.adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" type="application/pdf">
</embed>
</div>
And when I just edit anything in this HTML TAG within the "DOM Explorer (F12 - debug tool of IE)", it loads the PDF.
This is a very weird nature of this issue.
I don't understand how to fix this issue.
Please suggest!
I am getting below results inm IE11:
Where as the results should be something like this (its a screencapture from Chrome):
I was now able to embed the PDF file IE using "
<iframe>
" tag.I replaced "
<object>
" and "<embed>
" tag with<iframe>
and its working fine now with all 3 browsers, Firefox, Chrome and IE.There are 2 ways of embedding PDF in IE.
1st way: Call PDF directly in
<iframe>
Below is the updated code:
2nd way: if the browser doesn't have PDF reader the u can call an HTML in page
<iframe>
which contains<object>
tag .Below is the code for 2nd option
Code for "pdf.html"
This worked for me!!!
Here is the WORKING Fiddle : http://jsfiddle.net/Z99gr/9/
Hope it will be helpful for others in future!