ﾍﾟｰｼﾞすべての画像幅を半分に 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を半分にすれば解決はしますが､何かないかと思いｱﾄﾞﾊﾞｲｽ頂きたいです｡
