jq imgview.js

来源：互联网发布：海康网络摄像机密码编辑：程序博客网时间：2024/06/05 01:56

(function($){$.fn.imgview = function(){var that = $(this);if($("body>div.imgview").length == 0) creatBox();function creatBox(){var str = '<style type="text/css">body>div.imgview{position:fixed;top:0px;left:0px;width:100%;height:100%;text-align:center;background:rgba(0, 0, 0, 0.8) !important;z-index:60;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:none;}body>div.imgview>img{max-width:100%;max-height:100%;display:inline-block;text-align:center;}</style>'+'<div class="cover imgview">'+'<img src="" />'+'</div>';$(str).appendTo("body");$(".imgview").click(function(){$(this).hide()});}that.click(function(){$("body>div.imgview").show();var img = $("body>div.imgview img");img.attr("src",$(this).attr("src"));if((img.height())/(img.width()) > 2) img.css({"margin-top":"0px","max-height":"100000000px"});else img.css({"margin-top":((img.parent().height()-img.height())/2)+"px","max-height":"100%"});});};})(jQuery);

使用方法：js引用后

//图片放大$(".workerend .workerendT img").imgview();$(".soscomplete .img img").imgview();$(".soscomment .pinglunimg img").imgview();

0 0