2016-03-22 37 views
2

Büyük bir resim arşiviyle bir web projesini yenilemeliyim. Geri dönüş görüntüsüyle belirli bir yükseklikten (400px diyelim) daha az olan tüm resimleri değiştirmek istiyorum. Bu jQuery ile çözülebilir mi? ÖrneğinjQuery image src yüksekliği değiştir

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

gibi olmalı:

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

Bir WordPress kurulum bakış sayfalarında küçük resimler hakkında bu. Yeni küçük resimler nispeten büyük olacak, dolayısıyla hizalamaya ihtiyacım var. Orijinal bir görüntü minimum yükseklikten daha küçük olduğunda, şu an yükseklikler değişir.

cevap

0

Sen bunu başarmak için filter() kullanabilirsiniz: Çözmedim

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

, süper hızlı tepki için teşekkür ederim! – anyway