利用HTML、CSS实现的图片预览弹出层的教程

           mImage.src=ImageScaHandler.ImagePathJson[i].imgPath;     
           $("#imgLunbo").append(mImage);     
           mImage.onclick=function(){     
               $(".imgLunboItem").css("border","0px solid #000");     
               ImageScaHandler.ChangeImage($(this));     
           }     
        }     
    },     
    ChangeImage:function(target){     
            $("#ImageContainer>img").attr("src",$(target).attr("src"));     
            $("#ImageContainer>img").css("margin-top",100 "px");     
            ImageScaHandler.Show();     
             $(".imgLunboItem").css("border","0px solid #000");     
            for(var i=0;i<ImageScaHandler.ImagePathJson.length;i  ){     
                if(ImageScaHandler.ImagePathJson[i].imgPath==$(target).attr("src")){     
                    $("#imgName").html(ImageScaHandler.ImagePathJson[i].imgName);     
                    $("#imgInfo").html(ImageScaHandler.ImagePathJson[i].imgInfo);     
                    $($(".imgLunboItem")[i]).css("border","2px solid #efefef");     
                }     
            }