jquery - jQueryとメディアクエリで画像サイズを削除

Question

解像度が 980px 未満の場合は、以下のコードを実行する必要があります ( a から幅と高さを削除しますimg)。コードはどうなりますか？ありがとうございました

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function($){

        $('img').each(function(){ 
            $(this).removeAttr('width')
            $(this).removeAttr('height');
        });
    });
</script>

Answer 1

You can use the resize function.

$(window).resize(function(){
    if( $(this).width() < 980 )
    {
        $('img').each(function(){ 
            $(this).removeAttr('width').removeAttr('height');
        });
    }
});

And putting them back when larger?

$(window).resize(function(){
    if( $(this).width() < 980 )
    {
        $('img').each(function(){ 
            $(this).data("widthheight", { w : $(this).attr("width"), h : $(this).attr("height") });
            $(this).removeAttr('width').removeAttr('height');
        });
    }
    else
    {
         $('img').each(function(){ 
            if( $(this).data("widthheight") )
            {
                $(this).attr('width', $(this).data("widthheight").w)
                       .attr('height', $(this).data("widthheight").h);
             }
        });
    }
});

Answer 2

you can make that more concise:

jQuery(document).ready(function($){
    $('img').removeProp('width').removeProp('height');
});

Answer 3

関連するスタック オーバーフロー スレッドhereを見つけたと思います。画面解像度を検出したら、短い JavaScript 関数を記述する必要があると思います。