Описание: У меня уже несколько человек спрашивало про то, как отрыть изображение в новом окне . Разумеется, я уже не мог про это не написать, тем более, что код здесь очень простой. И скрипт ниже как раз позволяет открыть любое изображение в полный размер в новом окне . Характерной особенностью данного скрипта заклю...

Открытие изображения в новом окне

Описание: У меня уже несколько человек спрашивало про то, как отрыть изображение в новом окне. Разумеется, я уже не мог про это не написать, тем более, что код здесь очень простой. И скрипт ниже как раз позволяет открыть любое изображение в полный размер в новом окне. Характерной особенностью данного скрипта заключается в том, что новое окно размером в точности совпадает с изображением.

Результат: кликните по изображению.

Фотография

Код JavaScript (вставлять между тегами <head> и </head>):

<script type="text/javascript">
  function openImageWindow(src) {
    var image = new Image();
    image.src = src;
    var width = image.width;
    var height = image.height;
    window.open(src,"Image","width=" + width + ",height=" + height);
  }
</script>

Код HTML (вставлять между тегами <body> и </body>):

<div>
 <img src = 'images/javascript/foto4.jpg' alt = 'Фотография' width = '200' />
</div>