Question

The following image swapper code is not working in IE7. I tried everytihng I could thinbk of to no avail.

Working sample here: http://www.bcsstaging.com/lamaze-intimates/bras.php

Here is the jQuery

    $(document).ready(function() {

    //Setup each produce switcher on the page
    $(".item").each(function(){
        $(this).find(".preview .thumbnails").show();
        var imgTitle = $(this).find(".thumbnails img:first-child").attr("title");   
        $(this).find("a:first").addClass("active");
        $(this).find(".caption").html(imgTitle);        
    });

    //Update Image on Click
    $(".thumbnails a img").click(function(){            
        var navParent = $(this).parent().parent();
        var itemParent = $(this).parent().parent().parent();
        var imgTitle = $(this).attr("title");
        var previewImg = $(itemParent).find("img.main");            
        var link = $(this).parent();    
        var linkHref = link.attr("href");           
        var linkAlt = link.attr("alt");         

        if( $(link).hasClass("active") == false)
        {
            $(navParent).find("a").removeClass("active");
            link.addClass("active");                                            
            $(previewImg).animate({
                opacity: 0.8,
            }, 300, function() {
                if(imgTitle != "") $(itemParent).find(".caption").html(imgTitle);
                previewImg.attr("src", linkHref);               
                previewImg.attr("alt", linkAlt);                
                $(this).animate({
                    opacity: 1,
                    }, 300
                );                          
            });         
        }
        return false;
    });
    $("input").click(function(){
        $("p.more").fadeIn("slow");
    })
});

Answer 1

In the end it was the actual CSS opacity syntax.

IE8 and earlier need to be like this:

filter:alpha(opacity=80); /* For IE8 and earlier */