The following code works fine in FF chrome etc but not IE, anyone know why?
Basically everything works accept the replacement of the image attribute $("#container #main_image img#largeId").attr({ src: largePath }); Even the rest of the function ie the swapping classes works, just not the image replacement. The full example can be seen here example click on an image and try and swap between the thumbnails on the right in the modal window. jQuery(document).ready(function($) { $("a.group").fancybox({ 'frameWidth':966, 'frameHeight': 547, 'hideOnContentClick': false, 'overlayOpacity': 0.85, 'callbackOnShow': function() { $("#container ul#thumbnails li a").click (function(){ var largePath = $ (this).attr("title"); $("#container #main_image img#largeId").fadeOut().hide (); $("#container #main_image img#largeId").attr({ src: largePath }); $("#container #main_image img#largeId").fadeIn("slow"); $ ('.active').removeClass('active'); $(this).addClass ("active");return false; }); } });