WordPress.org

Ready to get started?Download WordPress

Forums

Easy FancyBox
[resolved] fancybox PDFs (12 posts)

  1. julijam
    Member
    Posted 2 years ago #

    I love using fancybox for wordpress; it's made my life easier :) However, I ran into a problem with a client's site— I'm making basically a 2 page website with most links in the navigation going to a PDF. My client wanted this to open in the fancybox (as I suggested) and on both my updated Firefox and Safari browsers, it's showing "Missing Plugin" when the PDF is supposed to pop up in the fancybox. First I thought it was the fact that I didn't have Adobe Reader installed, but when I opened the same PDF link (without fancybox) in Safari, it opens in the browser window instead of downloading, so I don't know why it's not showing up in fancybox. I also know the audience I'm creating this for isn't always up-to-date with software upgrades, so if I have to install a plug-in on my computer, I know for sure they won't. Is there something I need to put in the script to make sure fancybox opens my PDFs in the browser for all browsers?

    the site is http://www.2somedance.com/tdwts

    If anyone has any suggestions, I'd love some help!!! :)

    http://wordpress.org/extend/plugins/easy-fancybox/

  2. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Hi julijam, if your browser has the Adobe Reader plugin, it should be able to display the files inside FancyBox. As you say, you are able to view the files inside a browser tab directly so that indicates the plugin is available and working.

    I have had reports about the embed code not working on Safari but not on Firefox before... I suppose you are on a Mac? Could you please take a look at the following test page and tell me which ones (both the normal embedded and the FancyBox ones) open and which do not?

  3. julijam
    Member
    Posted 2 years ago #

    Hi Ravan, I reinstalled the latest Adobe Reader plugin, but nothing is working :( Yes, I have a Mac with the latest version of Firefox and Safari. My client has a PC and sees the PDFs, so I'm happy about that. It's also working on my iPhone and iPad. However, I'd still like to fix it to work across all platforms!

    I don't see the test pages you wanted me to look at; could you repost them please? :)

  4. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Hey, that's funny... could have sworn I pasted two links below my previous post. Anyway here they are:

    -> http://demo.4visions.nl/easy-fancybox-sandbox/pdf-embeds/ with various different embed methods (please allow for some load time) and

    -> http://demo.4visions.nl/easy-fancybox-sandbox/pdf-type-o/ with two different mime types.

  5. Ace London
    Member
    Posted 2 years ago #

    Greetings. I have run into the same problem, and I too am on a Mac. Only the Google viewer in iFrame from the first link shows up in FireFox and Safari (in safari they open up automatically - that can't be to safe.) And the second link only the Scribd show up (both browsers.)

  6. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Hmmm... It sounds like for Mac compatibility the only way is to use the Google Viewer then.

    Create your link as follows:

    <a href="http://docs.google.com/gview?url=http://url.to/my.pdf&embedded=true" class="fancybox-iframe">Open my PDF</a>

    But I wonder if the Google Viewer works on iPad ;)

  7. wendygordon
    Member
    Posted 2 years ago #

    I am having the same problem. And i am testing on both a mac and a pc, with firefox, safari, and opera. All have the latest version of Acrobat. The window opens up with the following message: A plugin is needed to display this content. and there is a live link to the pdf file that starts outside the left margin so that it is partially cut off in the middle of the iframe. If i click on the actual link I am given the option to open or download the pdf. I cant use google docs because this is a fill-inable pdf and google docs converts the pdf to be none fill-in- able. (sorry for the botched english!)
    Your help is appreciated.

  8. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Wendy, could you revert to version http://downloads.wordpress.org/plugin/easy-fancybox.1.3.4.8.zip and test that on Mac please?

  9. Christian Kramer
    Member
    Posted 2 years ago #

    Hi Ravan,

    I have the same problem showing the pdf in your useful plugin. "A browser plugin is missing" (same like julijam).

    Any solution from wendygordon?

    Greets,
    CK

  10. julijam
    Member
    Posted 2 years ago #

    Hey Chris,
    This is the solution I came up with so that viewers can all see the PDF regardless of the platform. One of the solutions Ravan posted was scribd.com.

    You can see it on the site (it's live now so the earlier link won't work) 2somedance.com

    This is what worked the best for me, after testing on both mac, pc, iPhone and iPad and obviously several browsers. You have to create an account with them, but you upload your pdf there and it stores it and gives you nice little code to pop into your wordpress site. (You can always update that file through scribd and you never have to worry about changing the code bcs of different file names.) Then I just add the a class="fancybox-iframe" and your problems disappear. :)

    The only drawback is if your pdf takes a while to load, it does the same thing as any iframe and shows just a blank page. I've been looking for a something that can give me a "loading" signal on the screen, but haven't found compatible ones with fancybox yet. But I guess that's what you get for print on web!

  11. tolandeful
    Member
    Posted 2 years ago #

    Hi,

    This discussion really helped me, although, since I'm fairly new at working with plugins I honestly don't know where to "just add the a class="fancybox-iframe". Julijam or anyone else who has a minute to help me, I'd greatly appreciate it!

    Thanks!

  12. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Hi tolandeful,

    When you insert a link into your page/post, and you want that what is linked to (another webpage or in this case a PDF document) to open up in a FancyBox modal window, you need to make sure that link gets the class fancybox-iframe asigned.

    To achieve this, you can switch to the HTML tab view (as opposed to the Visual tab) when editing your post/page and find the link there. It should look like this code <a href="..." title="...">...</a>

    Now add that class so it looks like this <a href="..." title="..." class="fancybox-iframe">...</a>

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic