I am using Fancybox v.2.1.2 in WordPress (not a plugin). In IE7, I have the loading but it does not opening anything at all.
Here is my JS code
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="/path/to/fancybox/source/jquery.fancybox.js?v=2.1.2"></script>
<link rel="stylesheet" type="text/css" href="/path/to/fancybox/source/jquery.fancybox.css?v=2.1.2" media="screen" />
<script>
jQuery(document).ready(function() {
jQuery("a.fancybox").fancybox({
padding : 0
});
});
</script>
And here is my code in my page :
<a href="/path/to/images/P1050615.jpg" class="fancybox" rel="gallery[283]"></a>
<div class="hidden">
<a class="fancybox" href="/path/to/images/P1050616.jpg" rel="gallery[283]"><img src="/path/to/images/P1050616.jpg"></a>
<a class="fancybox" href="/path/to/images/P1050617.jpg" rel="gallery[283]"><img src="/path/to/images/P1050617.jpg"></a>
</div>
I am using the HTML5 Doctype but even when I am changing it, it does not change anything.
I am afraid that this is a bug (it’s not your fault, it’s not your code).
I have contacted directly the developer and he confirmed to me that the issue is expecting to be fixed in the next commit.
You may rollback to version v2.1.1 in the meantime.
UPDATE : Fancybox v2.1.3 has been released
Changelog
Version 2.1.3 – October 23, 2012