使用 JavaScript / jQuery 调整图像大小

Question

我知道这个问题已经回答了很多次了。但是，尽管我确实是从互联网上获取的代码，但我的代码似乎无法正常工作。我可能做错了什么，但具体是什么我想不通。

我把下面的JS代码放在HTML<head>标签里面：

$(document).ready(function() {
  var imwidth = $('#jspp').width(); 
  var imheight = $('#jspp').height(); 
  if (imwidth < imheight) {
   $('#jspp').width(100);
  } else {
   $('#jspp').height(100);
  }  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
  <div>
    <img id="jspp" src="https://placehold.it/300x300">
  </div>
</body>

有人知道哪里出了问题吗？

提前致谢！

Answer 1

给你一个解决方案https://jsfiddle.net/027q85w8/

$(document).ready(function() {
  var imwidth = $('#jspp').width(); 
  var imheight = $('#jspp').height(); 

  if (imwidth < imheight) {
    $('#jspp').css('width', '100px');
  } else {
    $('#jspp').css('height', '100px');
  }   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <img id="jspp" src="http://via.placeholder.com/350x150">
</div>

您的代码中有两处错误。

document.ready

)

分配 100px 宽度和高度。

希望对您有所帮助。

使用 JavaScript / jQuery 调整图像大小

Resize an image using JavaScript / jQuery

javascript

css

jquery

height

width