Показать сообщение отдельно
  #1 (permalink)  
Старый 17.08.2013, 03:51
Интересующийся
Отправить личное сообщение для clampson Посмотреть профиль Найти все сообщения от clampson
 
Регистрация: 01.07.2013
Сообщений: 27

Получение размера изображения
Привет народ, написал небольшой скриптик, который добавляет onclick
с функцией открытия в новом окне ко всем изображениям. По первому клику всё работает как положено, но стоит закрыть всплывающее окно
и повторно клацнуть по тому же изображению и image.width вместо размера оригинальной картинки отдаёт нуль ... Почему так происходит и как с этим бороться?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
    <HEAD>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <TITLE>HTML  документ</TITLE>


<script type="text/javascript">

window.onload = function () {
	var imgs = document.getElementsByTagName('img');
    	var length = imgs.length;
 
	for (var i = 0; i < length; i++) {
        imgs[i].setAttribute("onclick", "openImageWindow(this.src);"); 
	};
};

  function openImageWindow(src) {
    var image = new Image();
    image.src = src;
    var width = image.width;
    var height = image.height;
 
     alert(width);
    if (width>600){
        width =width/2;
        height =height/2 ;
   }
    window.open(src,"Image","width=" + width + ",height=" + height + + 
 "toolbar=no,status=no,scrollbars=no,menubar=no,resizable=no"+',left=' + ((window.innerWidth - width)/2) + ',top=' + ((window.innerHeight - height)/2));
  }
</script>

    </HEAD>
<BODY>


<img src="123.jpg" width="500"  height="400"  />
<img src="12345.png"  />
</BODY>
</HTML>

Последний раз редактировалось clampson, 17.08.2013 в 03:54.
Ответить с цитированием