以下图像交换器代码在 IE7 中不起作用。我尝试了所有我能想到的都无济于事。
此处的工作示例：http ://www.bcsstaging.com/lamaze-intimates/bras.php
这是 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");
})
});