javascriptで画像などのスケールを縮小する

758 ワード

ウェブサイトの内容のページ、いつもピクチャーを放して、もしピクチャーが大きすぎるならば、ページの美観に影響します.cssでピクチャの最大幅を制限するだけでピクチャの変形を引き起こす場合は、jsで実現することをお勧めします.実現方法は以下の通りです.
<script language="javascript" type="text/javascript">
        window.onload = function () {
            //      ,      ,   js      
            $.each($(".sec-content img"), function (i, v) {
                if (v.width > 740)
                {
                    v.width = 740; //           
                    v.removeAttribute('height'); //            
                }
            });
        }

    </script>

なお,本手法を引用する前にjQueryを導入する.(「.sec-content img」)ここでは、文章の内容の画像フィルタリングです.