I'm having trouble getting colorbox working correctly in IE9. It's working as it should all other browsers but opens the images as if they were regular links when used in IE9
However, if I load the gallery page with IE's dev tools open colorbox works fine.

I've checked i'm using the correct doctype and that all the .js libraries are being called in the correct order.
Currently all the js scripts are being called from the footer but I've tried calling them from the header with no change in behavior.
I've also tried re-initializing colorbox after the page has fully loaded, also with no result.
I've been through the colorbox documentation and checked everything is in line with their specs and made sure we're runnign the latest stable version.

Has anyone else had a similar problem or have any ideas as to what else I could try?

Comments

jrsinclair’s picture

I'm also having this issue. Would love to know of a workaround if anyone has one.

b0b’s picture

I have a slightly different issue with Colorbox in IE9, it opens the modal window but does not load the content into it. It just opens a blank window on several sites I have in D7. All other Browsers are fine.

The video on this page is an example http://www.crc-evans.com/

jrsinclair’s picture

After doing some searching, it seems this is most likely an issue with Colorbox itself, not with the Drupal module. See http://stackoverflow.com/questions/8116191/colorbox-not-loading-properly... for more information.

If anyone else is looking for a workaround, the answer posted by "user404423" worked for me:

I just ran into this issue and although this question is very old, i still wanted to put my answer her for future visitors...

My version of colorbox, ColorBox v1.3.19.2, seems to return some kind of console object. This is probably why the issue goes away once you've opened the developers toolbar.

My solution was to alter the last statement in the colorbox script (can be used for both development as minified version). The script ends with

}(jQuery, document, this, console));

which I have replaced with

}(jQuery, document, this, null));

and now everything works for me.

frjo’s picture

Issue summary: View changes
Status: Active » Closed (won't fix)