先看看弹窗效果、如下：
//放大图片$（page）.on（ 'click'、 '。popupimage img'、function（）{var that = $（this）; that.popupimage（{this：that、width： "200px"}）}）; //相册弹窗$ .fn.popupimage = function（obj）{var $ this = obj.this; var sj_w = $ this [0] .naturalheight; var src = $ this.attr（ 'src'）; var h = $（ 'body'）。height（）; var w = $（ 'body'）。width（）; var padding = 10; var shadew = w-パディング*2; var img = ''、shade = ''; img = '<div style = "position：absolute; top：0;左：0; z-index：999999; padding：10px'+padding+'px; width：'+w+'px; height：'+h+'px; line-height：'+h+'px; px; text-align：center;" > '+' <img src = "'+src+'" style = "max-width： '+shadew+' px"/> </div> '; shade = '<div style = "position：absolute; top：0; left：0; width：'+w+'px; height：'+h+'px; background：＃000; z-index：999990; opacity：.8;"> </div>'; $（ 'body'）。append（shade）; $（ 'body'）。append（img）; $（'。popup-image '）。以上就是本文的全部内容、希望对大家的学习有所帮助、也希望大家多多支持武林网。