Описание: У меня уже несколько человек спрашивало про то, как отрыть изображение в новом окне. Разумеется, я уже не мог про это не написать, тем более, что код здесь очень простой. И скрипт ниже как раз позволяет открыть любое изображение в полный размер в новом окне. Характерной особенностью данного скрипта заключается в том, что новое окно размером в точности совпадает с изображением.
Результат: кликните по изображению.
Код 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' onclick ='openImageWindow(this.src);' />
</div>