次のイメージスワッパーコードは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");
})
});