使用jQuery问题调整图像大小

时间:2015-04-28 14:18:07

标签: jquery

我正在尝试使用jQuery 'live'调整图像大小(不保存)。 所以。我有width x height 1328 x 638

的包装div
  

我想:如果图片宽度为,则制作图片width 100%   大于height

     

如果图像高度大于width

,则高度为100%

我制作了一些代码,但没有工作

var tmpImg = new Image();
var src    = $('#ImageOverlay table tr td img').attr('src');
tmpImg.src = src;
$(tmpImg).one('load',function(){
  orgWidth = tmpImg.width;
  orgHeight = tmpImg.height;

  if(orgWidth > orgHeight)
  {
      $('#ImageOverlay table tr td img').css({"width":"100%"});
      }
      else if(orgWidth < orgHeight)
      {
          $('#ImageOverlay table tr td img').css({"heigh":"100%"});
          }
          else
          {
              $('#ImageOverlay table tr td img').css({"heigh":"100%"});
              }
    });

1 个答案:

答案 0 :(得分:0)

试试这个:

var tmpImg = new Image();
        var src    = $('#ImageOverlay table tr td img').attr('src');
        tmpImg.src = src;
        $(tmpImg).on('load',function(){
          orgWidth = tmpImg.width;
          orgHeight = tmpImg.height;
          if(orgWidth > orgHeight) {
                  $('#ImageOverlay table tr td img').css({"width":"100%"});
              }
              else if(orgWidth < orgHeight) {
                  $('#ImageOverlay table tr td img').css({"height":"100%"});
              }
              else {
                 $('#ImageOverlay table tr td img').css({"height":"100%"});
              }
            });

你在$(tmpImg).one.. - &gt;中也有拼写错误$(tmpImg).on..