Ширина рисунка

[shpi0]

мне надо вот сделать, чтоб если изображение широкое (шире 480 пикс), то оно подгонялось по ширине, а если оно не шире 480 пикс, то оставалось бы как есть...
я вот написал, но не всегда работает почему-то, с некоторыми картинками идет, с некоторыми - нет... что такое?

попытка 1.

Код: Выделить всё

<a href=# onClick="PictWin=window.open('pict.src','PictWin','toolbar=no,status=no,width=480,height=600,topmargin=0,leftmargin=0');">
<script language=JavaScript>
pict=new Image();
pict.src="nnk.jpg";
if (pict.width >= 480) {
document.write("[img]+pict.src+[/img]");
} else {
document.write("[img]+pict.src+[/img]");
}
</script></a>

не получилось, с некоторыми изображениями работает, с некоторыми - нет.
попытка 2.

Код: Выделить всё

<a href=# onClick="PictWin=window.open('pict.src','PictWin','toolbar=no,status=no,width=480,height=600,topmargin=0,leftmargin=0');">
<script language=JavaScript>
pict=new Image();
pict.src="nnk.jpg";
if (pict.width >> 480 || pict.width >=480) {
document.write("[img]+pict.src+[/img]");
} else {
document.write("[img]+pict.src+[/img]");
}
</script></a>

аналогично.
попытка 3.

Код: Выделить всё

<a href=# onClick="PictWin=window.open('nnk.jpg','PictWin','toolbar=no,status=no,width=480,height=600,topmargin=0,leftmargin=0');">
<script language=JavaScript>
pict=new Image();
pict.src="nnk.jpg";
if (pict.width >> 480) {
document.write("[img]+pict.src+[/img]");
} else {
if (pict.width >= 480) {
document.write("[img]+pict.src+[/img]");
} else
document.write("[img]+pict.src+[/img]");
}
</script></a>

помогите плиз

З.Ы. просто ">" тоже пробовал ставить - работает не со всеми изображениями...

[UUU]

-Петька, приборы!
-Пятьдесят, Василь Иванович!
-Чего Пятьдесят?
-А чего приборы?

Что такое 480? Килограммы, метры, пиксели. Попробуй через стили style="width:480px"
Это раз. Два. Ширина картинки появляется у картинки только после загрузки картинки (нащши поезда...). Чую, что когда ты картинку проверяешь на ширину, она еще не загружена и ее ширина равна нулю. Повесь присвоение ширины на событие onLoad картинки.

[shpi0]

мне надо вот сделать, чтоб если изображение широкое (шире 480 пикс), то оно подгонялось по ширине, а если оно не шире 480 пикс, то оставалось бы как есть...

явно пикс - это не килограммы, метры и т.п., а именно пиксели...

З.Ы. Я не знаю яваскрипт настолько, чтоб повесить присвоение ширины на onLoad... можете написать пример?

[shpi0]

Набросал вот тут, и опять проблемка... )

Код: Выделить всё

<a href=# onClick="PictWin=window.open('<:FILENAME:>','PictWin','toolbar=no,status=no,width=<:WIDTH:>,height=<:HEIGHT:>,topmargin=0,leftmargin=0');">
<script language=JavaScript>
function chsize() {
pict=new Image();
pict.src="nnk.jpg";
if (pict.width > 480) {
document.write("<img src=nnk.jpg width=480 border=0>");
}
}
</script>
<img src=nnk.jpg onLoad="chsize();" border=0>
</a>

оно как загрузит рисунок, убирает весь документ и оставляет один рисунок (от всей страницы остается только код, который вот тут:
document.write("<img src=nnk.jpg width=480 border=0>");
и все...как это поправить можно? ))

[Oscar]

Код: Выделить всё

<script language=JavaScript>
function chsize(img_tag) {
pict=new Image();
pict.src=img_tag.src;
if (pict.width > 480)  img_tag.width=480;
}
</script> 
<img src=nnk(width400).jpg onLoad="chsize(this);" border=0> 


<img src=nnk(width500).jpg onLoad="chsize(this);" border=0> 

мне когда-то уже многоуважаемый Админ этого форума обьяснял, что если использовать document.write после того, как документ был загружен - можно получить весьма неожиданные результаты.

[UUU]

Дополнительные данные в тело документа лучше, имхо, вставлять через InnerHTML. В данном случае ничего не запортится. Касательно данной задачи. Помню, лавно экспериментировал и выяснил, что ширина рисунка появляется не только после загрузки, а еще и после отображения документа (если она не задана первоначально). Т.е. эксперименты с загрузкой рисунка в невидимый слой, высчитывание размеров и потом делание слой видимым результатов не принесли.
Если есть возможность делать серверные скрипты, то, самый лучший вариант, размер рисунка вычислить на стороне сервераЮ и в ШТМЛ передать уже готовые (правильные) размеры. (это работает, если рисунки - у тебя на сервере).

[shpi0]

спасибо, теперь все работает