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 http://keith-ingham.com 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; }); } });