匿名質問者匿名質問者回答ポイント なしウォッチ

ページすべての画像幅を半分に jQuery


ページの中に読み込まれているすべての画像サイズを半分にしたいです。
$(function(){
var element = $('img');
element.on('load',function(){
var img = new Image();
img.src = element.attr('src');
var width = img.width;
var height = img.height;
if(width != 0 || height != 0){
element .width(Math.floor(width/2)).height(Math.floor(height/2));
}
});
});
沢山の画像に対して適用されません。eachとか使えばよいのかもしれませんが、まだJS勉強中のため上手く使いこなすことが出来ません。

具体的なコードを教えて頂けますと幸いです。
jQueryにこだわりはなくPHPでもなんでも良いのですが、ページの中で使用している全てのimgタグの幅と高さを半分にしたいというのが目的です。
手動でwidhtを半分にすれば解決はしますが、何かないかと思いアドバイス頂きたいです。

ログインして回答する
回答がありません

この質問へのコメント

コメントはありません

この質問への反応(ブックマークコメント)

質問の情報

登録日時
2016-01-31 16:09:29
終了日時
2016-02-07 16:10:03
回答条件
1人5回まで 13歳以上

この質問のカテゴリ

この質問に含まれるキーワード

PHP7798jQuery742SRC250js788適用908

人気の質問

メニュー

PC版