jquery - 画面サイズで画像サイズを削除

Question

画面の解像度が 980px 未満の場合、画像の幅と高さを削除する方法があれば教えてください。jqueryか何かを通して？

このような画像：

<img width="477" height="299" src="/uploads/2012/01/415.jpg" class="attachment-portfolio2 wp-post-image"/>  

ありがとうございました

Answer 1

次の CSS を使用できます。

/* for all screens in general */
.wp-post-image {
   width: 477px;
   height: 299px;
}

/* specifically for screens smaller than (or equal to) 980px */    
/* make sure this comes *after* the general rule */
@media (max-width: 980px) {
  .wp-post-image {
    width: auto;
    height: auto;
  } 
}

Answer 2

jQueryremoveAttr()メソッドを使用できます。

var images;

$(function() {  
    images = $('img.wp-post-image');
    removeSize();
});

$(window).resize(removeResize);

function removeSize()
{
    if($(window).width() < 980 && images.length > 0)
    {
        images.removeAttr('width').removeAttr('height');
    }
}