Есть следующая задача:
При клике на рисунок открывается новое окно и в него загружается увеличенный рисунок, размер окна равен размеру рисунка.
Вот функция:



Так вот рисунок то загружается, только с верху и с лева остаются большие поля до окна.
Подскажите плиз как этого избежать? 

В открываемом окне:
<body style="margin: 0;">Твоя картинка</body> 

а как туда тэги то вставить, окно ведь не открывается а создается? 

Тут надо тогда использовать что-то серверное, хотя если картинок немного, то можно и вручную сделать страницы. В функции создания окна в path пиши что-нибудь типа: 'preview.php?image=1.jpg', а в preview.php:



Путь к картинке получаешь из строки запроса с использованием серверного языка программирования (только не забывай о безопасности). Если php/perl и т.д. нет, то можно использовать SSI - он есть почти везде и чтоб разобраться с ним достаточно 10 минут. 

Или писать эти теги в 


onclick=window.open('javascript:document.write("<body style=margin:0><img src=\'путь к картинке, например, 1.jpg\'></body>");document.close();', 'photo', width='[width]', height='[height]', toolbar=no, menubar=no, location=no)

(убрать все пробелы или вынести в функцию. Название файла вставлять как переменную типа строки.)

 

Что то чисто JS не получилось, сделал через промежуточный php-файл. Теперь всё работает нормально. Спасибо всем за помощь.