WordPress.org

Forums

Easy FancyBox
[resolved] Fancybox not working in IE8, IE9 (4 posts)

  1. judy1950
    Member
    Posted 1 year ago #

    I am using Easy Fancybox in a Gallery template using a shortcode. The page is at: http://www.sdrarch.com/interiors/ -- this works and looks great in all browsers *except* IE 8 and 9 for Win 7. Looks fine in Win 7 IE 10. Haven't tested Win 8. The page throws IE 8, 9 into compatibility mode which results in the page looking awful. Any ideas?

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

  2. RavanH
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Judy, I have no exact idea why this would happen but there are a few things you can try:

    1. There is an error occurring that needs to be fixed:

    Uncaught exception: TypeError: 'jQuery(".menu").tinyNav' is not a function
    Error thrown at line 18, column 0 in http://www.sdrarch.com/build/wp-content/themes/responsive/js/responsive-plugins.js?ver=1.1.1:
        jQuery(".menu").tinyNav({

    This is caused by the fact that the function tinyNav is commented out in http://www.sdrarch.com/build/wp-content/themes/responsive/js/responsive-scripts.js (so either comment out the related part in responsive-plugins.js or reactivate the function in responsive-scripts.js)

    2. The doctype declaration is preceded by a blank line and a space. Fix this so that <!doctype html> is the absolute first thing any browser gets to see. You might need to remove the space from your themes header.php or find the plugin that is causing this...

    3. I see this semi-conditional statement below the doctype:

    <!--[if gt IE 9]><!--> <html class="no-js" lang="en-US" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <!--<![endif]-->

    which you might want to change to

    <!--[if gt IE 9]> <html class="no-js" lang="en-US" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <![endif]-->

    4. Finally there is this conditional statement:

    <!--[if lt IE 10]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE10.js"></script>
    <![endif]-->

    which might be causing this. Try removing it and see what happens.

    And is there a special reason why the charset and viewport meta tags are commented out?

    Hope you can figure out what's going on with IE. Always a tough one...

  3. RavanH
    Member
    Plugin Author

    Posted 1 year ago #

    About point 4: maybe replace that code snippet with

    <!--[if lt IE 9]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
    <![endif]-->

    because IE10.js does not even exist...

  4. judy1950
    Member
    Posted 1 year ago #

    Thanks very much for your help! Everything is working now.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic