当前位置:w88优德官网网文章中心网站设计WEB标准 → jQuery.imgAutoSize:图片自适应大小(以宽度)+图片(文字)垂直居中

jQuery.imgAutoSize:图片自适应大小(以宽度)+图片(文字)垂直居中

减小字体 增大字体 作者:admin  来源:本站整理  发布时间:2016-11-4 9:00:52
李勇为您分享jQuery.imgAutoSize插件,解决图片自适应大小(以宽度)的问题,附图片垂直居中的方法。这里不用css处理图片自适应大小,那法子不太符合w3c标准,感兴趣的同学自行百度。jQuery.imgAutoSize:<a target=图片自适应大小(以宽度)+图片垂直居中" height="255" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>
jQuery.imgAutoSize:图片自适应大小(以宽度)+图片垂直居中

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.     };
  15.     $.fn.imgAutoSize = function (padding) {
  16.         var maxWidth = this.innerWidth() - (padding || 0);
  17.         return this.find('img').each(function (i, img) {
  18.             loadImg(this.src, function () {
  19.                 if (this.width > maxWidth) {
  20.                     var height = maxWidth / this.width * this.height,
  21.                         width = maxWidth;
  22.          &nb
[1] [2]  下一页
本文引用网址:
在下列搜索引擎中搜索“jQuery.imgAutoSize:图片自适应大小(以宽度)+图片(文字)垂直居中”的相关信息:
谷歌搜索 百度搜索 360搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1王梦溪未经处理照曝光 王梦溪口...
  • 2王梦溪口交不雅照流出 王梦溪自...
  • 3王梦溪未经处理雅照120P完整艳...
  • 4马蓉裸照原图没有马赛克曝光 马...
  • 5兰州西固86警花原照(王梦溪rar...
  • 12016年最新成年身份证号码大全...
  • 2如何设置三级优德w88官网?二级优德w88官网三...
  • 34月20日免费送QQ号,5位QQ,6位...
  • 4首页flash幻灯片不显示解决方法...
  • 5初级版SEO自测试题 考考你的SE...
  • 1最流行的性交姿势图解 真人示范...
  • 2什么姿势女的最爽?最刺激的做...
  • 3合肥艳照门事件 合肥艳照门全套...
  • 4中国女大学生的淫靡生活
  • 5王梦溪种子完整版 王梦溪1.08G...
  • 1linux服务器在运行210天左右宕...
  • 2通过组策略和注册表关闭win7 U...
  • 3ADSL电话线干扰导致网络经常掉...
  • 4Linux安装U盘的过程
  • 5FTP基础知识和应用简易教程
  • 赞助商广告

    图片文章导读