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

ins · June 11, 2007

Есть задача открытия рисунков в новом окне. Все рисунки разные по размеру и если рисунок больше чем текущее разрешение экрана , то размеры нового окна (и, соответственно, рисунка) уменьшить.

Единственное, что сейчас имеем - это произвольные рамеры нового окна и рисунка (для всех одинаковые).

Инетерсует, как можно получить размеры рисунка по ссылке и текущее разрешение экрана?

Содержимое imageview,js

function openWin(img_num)
 {
 var NW=window.open('', 'New', 'height=600,width=800');
 NW.document.write('<head><title></title></head><body bgcolor=#000000><div align=center><img src="'+img_num+' " width="800" height="600"></div></body>');
 }

Кусок кода страницы:

<script language="JavaScript" src="imgview.js"></script>
<body>
 <a href='java script: openWin("img/41-9_1.jpg")'>
 <img src="img/41-9_1.jpg" width="350" height="320" border="0" align="middle"></a>
</body>

Yarik Voronov · June 11, 2007

Интересует, как можно получить размеры рисунка по ссылке и текущее разрешение экрана?

screen.availHeight, screen.availWidth - наибольшие "комфортные" размеры экрана (за минусом меню "Пуск")

с размерами рисунка сложнее: имхо, пока не загрузиться рисунок, ява-скриптом (методами DOM) узнать его размеры не получиться.

Есть вариант сделать прелоад рисунка, узнать его размеры и соответственно выставить размеры окна (рисунка). img.width=''; img.height='';

Либо загрузить рисунок по алгоритму openWin(), а затем вычислить необходимые размеры и изменить область представления. window.resizeTo(x,y);

Либо сделать такую хитрость имхо, img должен уместиться в окно, а по высоте сохранить пропорции.

Примечание: если используется window.resizeTo(x,y), то в настройках JavaScript браузера должно стоять соответствующее разрешение на изменение размеров окна

ins · June 11, 2007

Спасибо за возможные варианты решения.

Прелоад стоит последним вариантом.

Если делать , то могут возникнуть проблемы с масштабированием рисунков, у которых высота больше ширины.

Разрешение на изменение размеров окна в настроках JavaScript что-то не нахожу. Будем надеяться, что все включено.

Tokolist · June 11, 2007

одним только яваскриптом нормально не получится...

вариант А. генерируем ссылки с помощью ПХП (ну или другого) типа window.open и с соответствующими рисунку шириной и высотой сразу

вариант Б. узнаем все это дело с помощью Аякса, то бишь как параметр передаем название (ид в базе) рисунка, а как ответ получаем его ширину и высоту и соответственно используем их для открытия нового окна

ins · June 26, 2007

А при открытии нового окна нельзя указать NW=window.open('', 'New', 'height=screen.availheight,width=screen.availwidth'); и также для рисунка?

ins · June 26, 2007

Картинка растягивается, а вот с окном проблемы? Если ли способ открыть окно во весь экран?

Дядя Саша · June 26, 2007

Конечно.

window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight);

Sign In

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

Question

ins

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Yarik Voronov

Link to comment

Share on other sites

ins

Link to comment

Share on other sites

Tokolist

Link to comment

Share on other sites

ins

Link to comment

Share on other sites

ins

Link to comment

Share on other sites

Дядя Саша

Link to comment

Share on other sites

Обсуждения

Forums

Important Information