2012-01-10 4 views
2

maxHeightとmaxWidthをjavascriptで設定した後、getGetの幅と高さを取得できますか?maxHeightとmaxWidthを設定して高さと幅を取得し、自動純粋なjavascript

$new_image = new Image(); 
$new_image.src = 'xxx.jpg'; 
$new_image.style.maxHeight = '500px'; 
$new_image.style.maxWidth = '600px'; 
$new_image.style.height = 'auto'; 
$new_image.style.width = 'auto'; 
alert('CURRENT WIDTH AND HEIGHT IF IMAGE IS 1000 X 1000 PX'); 

私はのmaxHeight値を取得する方法を知っているが、画像は高さと幅の「自動」に設定されているので、それは実際のサイズではないかもしれません。

jqueryの回答ありがとうございます! :)

+0

実際のサイズ1000は、最大高さと最大幅よりも大きい任意の数になる可能性があります。 – Hakan

答えて

2

offsetHeightoffsetWidthのDOM要素のプロパティclientHeightclientWidthを使用して、アカウントのmaxWidthとのmaxHeightに取ることができます。 imgオブジェクトは、次元を持つためにDOMの一部である必要があることに注意してください。 offsetHeightとwidthが有用なものを返す前に、document.body.appendChild($new_image)のようなものを追加する必要があります。

1

あなたは何をしたいあなたを取得すること

+0

それは私にとってはうまくいかなかった:Sもう一度やり直してください。ありがとう! – Hakan

+0

クイックフィドルそれを表示する:http://jsfiddle.net/c8Zy2/1/ –

+0

私は、clientHeightを取得する前にイメージを追加する必要があります。ありがとう! – Hakan

関連する問題