使用JavaScript/jQuery调整图像大小
问题描述:
我知道这个问题已经回答了很多次。 但是,我的代码似乎并不工作,尽管我从字面上从互联网上获得它。我可能做错了什么,但我究竟弄不清楚。使用JavaScript/jQuery调整图像大小
我把下面的JS代码的HTML标签<head>
里面:
$(document).ready(function() {
var imwidth = $('#jspp').width();
var imheight = $('#jspp').height();
if (imwidth < imheight) {
$('#jspp').width(100);
} else {
$('#jspp').height(100);
} \t
});
<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>
是否有人有可能是错误的想法?
提前致谢!
答
在这里,你去了一个解决方案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>
有两件事情是错在你的代码。
- 在宽度&高度的
100px
document.ready
- 勘定的末端缺少
)
。
希望这会对你有帮助。
你错过了')'在你的jQuery结束。检查你的console.log是否有错误。 – MCMXCII
不要认为你从互联网上直接复制的所有内容都是正确和有效的:) – FluffyKitten
@MCMXCII谢谢!我纠正了它,但它仍然不起作用 – Matthias