WordPress.org

Ready to get started?Download WordPress

Forums

Easy FancyBox
[resolved] custom theme - easy fancybox does nothing (6 posts)

  1. deverbeek
    Member
    Posted 1 year ago #

    I've made a custom theme based on default theme Twenty Ten.

    I installed easy fancybox but i don't get any result.
    In the settings I checked iframe.
    And this I use in the code:

    <a href="http://www.delagevuurse.be/routeplanner.html" class="fancybox-iframe" id="fancybox-auto">plan</a>

    url: http://www.delagevuurse.be/testplanner/
    Can anyone see what I'm missing?

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

  2. RavanH
    Member
    Plugin Author

    Posted 1 year ago #

    There is an error related to the Events Manager plugin:

    Uncaught TypeError: Cannot call method 'toLowerCase' of undefined

    Disable that plugin and you'll find FancyBox is working fine...

  3. nashvillegeek
    Member
    Posted 1 year ago #

    This is the error thrown in Safari:

    jquery.fancybox-1.3.4.pack.js:25TypeError: 'undefined' is not a function (evaluating 'd.onCleanup(l,p,d)')

    I disabled all plugins, and the content still loads at the bottom of the page.

  4. RavanH
    Member
    Plugin Author

    Posted 1 year ago #

    @nashvillegeek about which site are you talking? If not the one by the original poster, please start a new thread...

  5. deverbeek
    Member
    Posted 1 year ago #

    Thanks, this did the trick.
    But how did you found this. With what did you debug it or how did you found the error? So I can find the problems in the future by my one and solve them.

  6. RavanH
    Member
    Plugin Author

    Posted 1 year ago #

    You need a Developer Toolbar (or similar) with Script console to study these errors. There are some pretty extensive (complicated) developer toolbar plugins for FireFox but I prefer the one that is already integrated in the Chrome or (even better) in the Opera browser.

    Then right-click anywhere on the page and select Inspect Element. This opens up the developer tools from which you can switch to a Console tab or (in Opera Dragonfly) to the Errors tab. Then reload the page and watch the errors streaming by. Sometimes this immediately points you in the right direction, other times they are too vague but then Googling might help. :)

    Another fantastic feature of the Opera browser is that if you right-click on a web page and choose "View page source", you can then edit that source and apply the changes to see the result immediately. Great for testing any theories by simply removing the suspected offender -- in your case the line that included the Event Manager script...

    So, short answer: get the Opera browser. A fantastic browser in itself (fast, modern, with e-mail suite) with amazing developer tools.

    Good luck!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic