ここの人々の助けを借りて、次のコードで画像の元の幅を取得することができました:
var img = new Image();
img.onload = function () {
var W2 = this.width;
alert(W2);
}
img.src = document.getElementById('imageViewerImg').src;
画像の幅を取得したので、画像の幅が 700px を超える場合に CSS を変更する条件ステートメントが必要です。
これを行うための私のコードは次のようになります。
$(document).ready(function(){
var img = new Image();
img.onload = function () {
var W2 = this.width;
}
img.src = document.getElementById('imageViewerImg').src;
if($W2 > 700) {
$("#photoHolder").css({"vertical-align":"none","text-align:":"none"});
}
});
しかし、これはうまくいきません。条件ステートメントに警告ボックスを追加しようとしたので、画像の幅が 700px を超えた場合に表示されて通知されるはずです。この警告ボックスも表示されません。次のように、アラート ボックスを if ステートメントの外側に配置して、下に配置しただけでは機能しません。
$(document).ready(function(){
var img = new Image();
img.onload = function () {
var W2 = this.width;
}
img.src = document.getElementById('imageViewerImg').src;
alert(W2)
});
このコードを機能させるには、このコードのどこに if ステートメントを配置すればよいですか?