Question

If you look at this page http://ccc.allthingswebdesign.com/index.php/patterns/29 There is an image that if you click on it should open in a fancybox window. In fact it used to until I upgraded to the newest version of fancybox and now it’s broken. Can anyone help me figure out what I need to do to get it working again?

Answer 1

Just wonder if this script is making any noise to fancybox

$("a.img").hover( function () {
 if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) <= 8) {
  $(this).stop(false, true).toggleClass('imgHover');
 } else {
  $(this).stop(false, true).toggleClass('imgHover', 200);
 }
});

Could you disable it to verify that?

UPDATE:

I narrowed down your issue to these two scripts http://ccc.allthingswebdesign.com/assets/js/jquery.validate.min.js and http://ccc.allthingswebdesign.com/assets/js/contactForm.js … if you remove them, then fancybox works. My guess is that since the selector #CommentForm doesn’t exist in that page, the validation script breaks the fancybox code. I guess you could apply a php filter to load those scripts in the contact page only.