Показать сообщение отдельно
  #1 (permalink)  
Старый 11.09.2012, 20:11
Новичок на форуме
Отправить личное сообщение для Unknown Посмотреть профиль Найти все сообщения от Unknown
 
Регистрация: 28.02.2011
Сообщений: 5

JQuery. Клонирование объекта
Привет!.Есть функция, которая определяет реальный размер картинки. Если в выделенной строке убрать метод clone, то вместо значения 0;0 будет выведено 1152;768, который является реальным размером.
Почему так получается?
<script>
function getRealImageSize(selector){
		var rwidth=0,rheight=0;	
                var CurImg = $(selector).clone();//здесь!!!
		CurImg.removeAttr("width").removeAttr("height").css({ width: "", height: "" });						
		return {'width':CurImg.width(),'height':CurImg.height()};	
}

$(document).ready(function() { 
  realsize=getRealImageSize('#myimg');
  alert(realsize.width+';'+realsize.height)
}); 
</script>

<div style="margin:0;width:100%;position:relative">
	<div style="width: 500px; height:400px;margin: 0px auto;border:1px solid black;position:relative">
		<img src="1.bmp" id="myimg" style="width:500px;position:absolute">
	</div>
</div>
Ответить с цитированием