先看看弹窗效果 ， ： ：
// 放大图片 $ (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 = $ ('corps'). hauteur (); var w = $ ('body'). width (); var padding = 10; var shadew = w - rembourrage * 2; var img = '', shade = ''; img = '<div style = "position: absolue; top: 0; gauche: 0; z-index: 999999; padding: 10px' + padding + 'px; largeur:' + w + 'px; hauteur:' + h + 'px; line-height:' + h + 'px; text-align: Centre;" > '+' <img src = "'+ src +'" style = "max-width: '+ shadew +' px" /> </div> '; shade = '<div style = "position: absolu; en haut: 0; gauche: 0; largeur:' + w + 'px; hauteur:' + h + 'px; arrière-plan: # 000; z-index: 999990; opacité: .8;"> </ div>'; $ ('corps'). Ajouter (Shade); $ ('corps'). Ajouter (IMG); $ ('. Popup-image'). sur ('cliquez', fonction () {$ ('. Popup-iMage'). Supprime (); $ ('. Shade'). Supprime ();})};以上就是本文的全部内容 ， 希望对大家的学习有所帮助 ， 也希望大家多多支持武林网。