Немного не на поставленный вопрос, но просто по этому же скрипту Буквально недавно задался вопросом: надо было, чтобы картинки открывались в одном и том же окне. Но было две проблемы:
1. Картинки разного размера
2. Чтобы открываемое окно было активным (то есть поверх других), надо было делать каждый раз открытие в новом окне.
Потому написал такую функцию (помещат в код страницы, с которой открываются окна, лучше в пределах <HEAD></HEAD>
Код HTML:
<script language="JavaScript">
<!--
var wnd;
// функция открытия окна с какой-либо картинкой
function openImageWindow(src, width, height, title) {
title = title.replace('\"', '\\"');
wnd = window.open("", "imageWindow",
"width="+width+",height="+height+",scrollbars=no,status=no,toolbar=no,location=no,menubar=no,resizable=no,screenX=200,screenY=100,minimize=no;maximize=no;minimize=0;maximize=0");
var doc = wnd.document;
doc.open();
doc.write('<html><head><title>' + title + '</title>'+
'<SCRIPT LANGUAGE="JavaScript">window.resizeTo('+width+', '+height+'); window.focus(); </SCRIPT>'+
'</head>' +
'<body BGCOLOR="#D8D7CB" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">' +
'<img src="' + src + '" width="' + width + '" height="' + height +
'" vspace="0" hspace="0" border="0" alt="' + title + '">' +
'</body></html>'
);
return false;
}
//--></script>
Формат вызова:
Код HTML:
<a href="page.htm" onclick="return openImageWindow('http://www.site.com/image.jpg',111,222,'Заголовок');"> ... </a>
где:
page.htm - страница, на которой расположена ссылка
http://www.site.com/image.jpg - URL изображения
111 - ширина изображения в пикселях
222 - высота изображения в пикселях
Заголовок - этот текст отображается в заголовке нового окна и в поле ALT картинки.
При открытии размер окна подгоняется под картинку и окно становится активным.