Определение размеров изображения (ширина, высота) (JS)

Советы, заготовки. Верстка. HTML, CSS, JavaScript.

Определение размеров изображения (ширина, высота) (JS)

Сообщение ukhov » 02 июн 2012, 11:33

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2.  
  3. <html>
  4. <head>
  5.     <title>Определение размеров изображения на JavaScript</title>
  6. </head>
  7.  
  8. <body>
  9.  
  10. <IMG id="pic" src="http://flapps.ru/forum/styles/prosilver/imageset/site_logo.png">
  11. <div id="i_result"><a href="http://flapps.ru/" target="_blank">flapps.ru</a></div>
  12. <script language="JavaScript" type="text/javascript">
  13. function getImageSize( id) {
  14.     var oHlpr = document.createElement( 'IMG');
  15.     var oPic = document.getElementById( id);
  16.     oHlpr.style.visibility = 'hidden';
  17.     oHlpr.style.position = 'absolute';
  18.     oHlpr.top = 0; oHlpr.left = 0;
  19.     oHlpr.src = oPic.src;
  20.     document.body.appendChild( oHlpr);
  21.     var imSize = { 'width':oHlpr.offsetWidth,'height':oHlpr.offsetHeight }
  22.     document.body.removeChild( oHlpr);
  23.     return imSize;
  24. }
  25. var is = getImageSize( 'pic');
  26. var i_result = ( '<h3>Размеры</h3> Width: ' + is.width + '; Height: ' + is.height + '.');
  27. document.getElementById('i_result').innerHTML = i_result;
  28. </script>
  29.  
  30. </body>
  31. </html>

Определение размеров изображения на PHP
Изображение
Аватара пользователя
ukhov
Модератор
Модератор
 
Автор темы
Сообщения: 1343
Зарегистрирован: 04 янв 2011, 21:19
Откуда: Санкт-Петербург
Благодарил (а): 85 раз.
Поблагодарили: 155 раз.

Чтобы убрать блок с рекламой, зарегистрируйтесь на форуме или войдите.

Google
 



Вернуться в Верстка



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0