jQueryの画像srcの高さを変更する

Question

大規模な画像アーカイブでWebプロジェクトをリフレッシュする必要があります。特定の高さ（400ピクセルと言う）未満のすべての画像を代替画像で交換したいと思います。これは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');