jQuery.imgAutoSize：图片自适应大小（以宽度）+图片（文字）垂直居中

1. // jQuery.imgAutoSize.js
2. (function ($) {
3.     var loadImg = function (url, fn) {
4.         var img = new Image();
5.         img.src = url;
6.         if (img.complete) {
7.             fn.call(img);
8.         } else {
9.             img.onload = function () {
10.                 fn.call(img);
11.                 img.onload = null;
12.             };
13.         };
14.     };
16.     $.fn.imgAutoSize = function (padding) {
17.         var maxWidth = this.innerWidth() - (padding || 0);
18.         return this.find('img').each(function (i, img) {
19.             loadImg(this.src, function () {
20.                 if (this.width > maxWidth) {
21.                     var height = maxWidth / this.width * this.height,
22.                         width = maxWidth;
24.                     img.width = width;
25.                     img.height = height;
26.                 };
27.             });
28.         });
29.     };
31. })(jQuery);

（编辑：云计算网_泰州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!