博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
colorbox弹出层图片显示
阅读量:4554 次
发布时间:2019-06-08

本文共 1488 字,大约阅读时间需要 4 分钟。

基本配置

  

eg:多图片显示,后台数据返回

  

$.fn.selfDetail = function(){			$('#uploadPic').empty(); 			var obj = $selfGrid.getRowData($(this).attr("data-rowid"));			for(var propName in obj){				if(propName.indexOf("attachPicFileId") > -1){					if(obj[propName]){						var path=Const.MEDIA_SERVER + '/img/' + obj[propName]+'.jpg';						var html = '
  • '+ ''+ '150x150'+ '
    '+ '
    查看大图
    '+ '
    '+ '
    '+ '
  • '; $('#uploadPic').append(html); } }else{ $selfDialog.find("[id='"+propName+"']").text(obj[propName]); } } jQuery(function($) { var colorbox_params = { rel: 'colorbox', reposition:true, scalePhotos:true, scrolling:false, close:'×', maxWidth:'90%', maxHeight:'90%', previous:'', next:'', current:'{current} of {total}', onOpen:function(){ $overflow = document.body.style.overflow; document.body.style.overflow = 'hidden'; }, onClosed:function(){ document.body.style.overflow = $overflow; }, onComplete:function(){ $.colorbox.resize(); } } $('[data-rel="colorbox"]').colorbox(colorbox_params); $("#cboxLoadingGraphic").html("");//let's add a custom loading icon }); $selfDialog.dialog($.extend(dialogOption,{title:"报告详情"})); $selfDialog.dialog("open"); };

      

    转载于:https://www.cnblogs.com/binbang/p/4772629.html

    你可能感兴趣的文章
    电影记录管理系统 修改与注释,完整代码
    查看>>
    sklearn.discriminant_analysis.LinearDiscriminantAnalysis 笔记
    查看>>
    freebsd 断电 单用户模式恢复
    查看>>
    一道java笔试题
    查看>>
    设计师交互推荐-提高设计水平的50套精美的PSD模板
    查看>>
    《机器学习技法》---AdaBoost算法
    查看>>
    敏捷开发综述
    查看>>
    sed简单使用(四)选择性显示
    查看>>
    广告模式
    查看>>
    tar 的–exclude参数,实现不包括某些文件(转)
    查看>>
    Visual C++ 2008入门经典 第十章标准模板库(二)
    查看>>
    【算法笔记】B1054 求平均值
    查看>>
    Jmeter4.0---- 测试数据说明(17)
    查看>>
    大家好
    查看>>
    Python2与Python3用法区别
    查看>>
    Nagios监控ganglia的指标
    查看>>
    线程池的毒丸方法实现线程池的配比热切换
    查看>>
    Linux Namespace : UTS
    查看>>
    十三:MVC-HTML辅助方法-输出表单
    查看>>
    Python全栈工程师(while、占位符)
    查看>>