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

2020-05-05 07:17:41易采站长站整理

        $("#imgLunbo").css("width",$("#ImageSca").width()-300-100 "px").css("top",$("#ImageSca").height()-90 "px");     
        $("#ImageInfo").css("height",$("#ImageSca").height());     
        $("#ImageMain>img").click(function(){     
            ImageScaHandler.ChangeImage($(this));     
        });     
                ImageScaHandler.GetImage();     
        $("#ImageSca").click(function(event){     
            event.stopPropagation();     
        });     
        $("#ImageScaBg").click(function(event){     
            ImageScaHandler.Hide();     
        });     
    },     
    Show:function(){     
        $("#ImageSca").css("display","block");     
        $("#ImageScaBg").css("display","block");     
    },     
    Hide:function(){     
        $("#ImageSca").css("display","none");     
        $("#ImageScaBg").css("display","none");     
    },     
    GetImage:function(){     
        $("#imgLunbo").children().remove();     
        for(var i=0;i<ImageScaHandler.ImagePathJson.length;i  ){     
           var mImage=document.createElement("img");     
           mImage.className="imgLunboItem";