I have to create an Image slider for which I am using:
"Galleriffic plugin > http://www.twospy.com/galleriffic/",
in the Image slider, along with images, I have to show PDFs for some cases.
And to show that, I am putting the <div>
which embeds PDF inside "<div class="caption">
" where you can show the description related to the image.
For the Slider with PDF, you can see the full code here: http://jsfiddle.net/Z99gr/2/
I am trying to embed the PDF using <object> or <embed>
tag, It works fine in Chrome and Firefox. BUT not in IE11.
I am not able to understand what is missing as I have create one more fiddle with just one div which embeds the PDF and its works fine in all three browser, Chrome, Firefox and IE11.
Please look into the issue and suggest ASAP what am I missing for IE 11.
Thanks!
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 page in
<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/stmjvz4f/
Hope it will be helpful for others in future!