jQuery图像src按高度变化

Question

我必须使用大型图片存档刷新Web项目。我想通过后备图像交换所有高度低于一定高度的图片（比如400px）。这可以用jQuery解决吗？例如

<div class="container">     
    <img src="test/testimage-300x280.jpg" height="280" width="300">
</div>

应该成为：

<div class="container">     
    <img src="images/img_fallback.png">
</div>

这是关于WordPress安装概述页面上的缩略图。新的缩略图会比较大，所以我需要对齐。当原始图像小于最小高度时，当前会改变高度。

Answer 1

您可以使用filter()来实现此目标：

$('.container img').filter(function() {
    return $(this).height() < 400;
}).prop('src', 'images/img_fallback.png').removeAttr('width height');