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

Reply via email to