//放大图片
$(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 - padding*2;
var img = '',shade = ''; img = '<div class="popup-image" style="position:absolute; top:0; left:0; z-index: 999999; padding:10px '+padding+'px; width: '+w+'px; height:'+h+'px; line-height: '+h+'px; text-align: center;" >' +
'<img src="'+src+'" style="max-width: '+shadeW+'px"/></div>';
shade = '<div class="shade" 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').on('click',function () {
$('.popup-image').remove();
$('.shade').remove();
}) };

最新文章

  1. 同比 VS 环比
  2. css解决display:inline-block;产生的缝隙(间隙)
  3. eclipse启动时报错 Could not create the java virtual machine
  4. BiliBili 第三方 Android 客户端应用源码
  5. AC日记——字符环 openjudge 1.7 30
  6. ACM/ICPC 之 BFS-广搜+队列入门-抓牛(POJ3278)
  7. android 存储
  8. js仿京东轮播图效果
  9. ascii codec can&#39;t decode byte 0xe8 in position 0:ordinal not in range(128)
  10. 【网络流#9】POJ 2135 Farm Tour 最小费用流 - 《挑战程序设计竞赛》例题
  11. poj3273 二分
  12. javascript - 工作笔记 (事件四)
  13. iPhone APP 扫码下载
  14. JDK中日期和时间的几个常用类浅析(二)
  15. Android Studio不更新到最新版使用Kotlin
  16. java.lang.StringBuilder和java.lang.StringBuffer (JDK1.8)
  17. css学习の第五弹—单位和值
  18. 团队开发---”我爱淘“校园二手书店 NABC分析
  19. Android学习笔记:对Android应用进行单元测试
  20. mysql_建立索引的优缺点

热门文章

  1. cdoj 383 japan 树状数组
  2. Android ListView快速定位(四)
  3. PHP中获取中英文混合字符串长度[主要是指个数,而不是字符串长度](转)
  4. hdu 1348 Wall(凸包模板题)
  5. SAP TAX CODE 自动计算税金(BAPI_ACC_DOCUMENT_POST CALCULATE_TAX_FROM_GROSSAMOUNT)
  6. android125 zhihuibeijing 缓存
  7. C 二叉树 1
  8. N个数字中随机取m个数子,不重复
  9. CentOS下yum安装mysql,jdk以及tomcat
  10. php面试常用算法