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;
                        });
              }
 });

Reply via email to