Как определить размер фото внутри div через jquery?

Question

[Сергей]

Помогите определить настоящие размеры фото в div.

есть конструкция

<div id="preview_img">
		<img class="img-responsive margin-center" src="example-foto.jpg" alt="Result">
</div>

ширина #preview_img 555px...

$('#preview_img img').width();
показывает размер сжатой фотки, которая занимает как раз 555px, хотя сама фотка размером 2100px ... как можно оригинал определить?

Answer 1

[Sergei Nazarenko]

на PureJS не пойдет ? codepen.io/nazares/pen/QGMdvW или можно вот так

var image = new Image();
image.src = $('img').attr("src");
alert('width: ' + image.naturalWidth + ' and height: ' + image.naturalHeight);

Answer 2

[Петр]

А переместить/скопировать картинку не в стилизованный image и затем взять его размеры?

Comments

[Сергей]

тогда тот див, в который скопируем, ограничится размерами браузера.

[Петр]

Сергей: position: absolute; и не будет ограничен