<SCRIPT language=JavaScript>
function showWindow(href) {
w=open(href,"newWin","scrollbars=1,resizable=1,width=900,height=700,status=yes,top=50,left=200");
w.focus();
}
</SCRIPT>
Размер окна в JavaScript
Доброго времени суток!
Сразу предупреждаю я в JavaScript ни чего не понимаю...
Есть функция
В качестве href передаётся адрес рисунка.
Не подскажите, как сделать так чтобы окошко раскрывалось по размерам картинки..
Сам я долго тытался - не получалось!!!!
Сразу предупреждаю я в JavaScript ни чего не понимаю...
Есть функция
Код:
В качестве href передаётся адрес рисунка.
Не подскажите, как сделать так чтобы окошко раскрывалось по размерам картинки..
Сам я долго тытался - не получалось!!!!
Неужели ни кто ни чего не знает......(((((
Я знаю, вопрос поставлен НЕ ОЧЕНЬ ХОРОШО, но мне очень нужно это реализовать...
Я знаю, вопрос поставлен НЕ ОЧЕНЬ ХОРОШО, но мне очень нужно это реализовать...
Экспериментируйте, батенька...
Да и кстати подумайте о том что работать это будет только в осле... В опере например по умолчанию открываемые окна имеют максимальную ширину... в лисице вроде бы тоже
Да и кстати подумайте о том что работать это будет только в осле... В опере например по умолчанию открываемые окна имеют максимальную ширину... в лисице вроде бы тоже
[QUOTE=RussianSpy]Экспериментируйте, батенька...
Да и кстати подумайте о том что работать это будет только в осле... В опере например по умолчанию открываемые окна имеют максимальную ширину... в лисице вроде бы тоже[/QUOTE]
Эксперементировать можно, когда хоть чего то знаеш. а когда ни бум бум в данной области, то долгий это процесс эксперементы.....
Данную процедуру то не я писал... а править мне надо....
Да и кстати подумайте о том что работать это будет только в осле... В опере например по умолчанию открываемые окна имеют максимальную ширину... в лисице вроде бы тоже[/QUOTE]
Эксперементировать можно, когда хоть чего то знаеш. а когда ни бум бум в данной области, то долгий это процесс эксперементы.....
Данную процедуру то не я писал... а править мне надо....
Код:
function openimage(imgurl,iwidth,iheight) {
k=iwidth/iheight;
if(k<0.9 && iwidth>=400) {iwidth=448; iheight=(iwidth/k); } else {
if(iwidth>=800) {iwidth=800; iheight=(iwidth/k); } }
ipictwidth=(iwidth-20);
ipictheight=iwidth/k;
other="toolbar=no,width=" + iwidth + ",height=" + iheight + ",directories=no,menubar=no";
win=window.open("","Window",other);
win.document.writeln('<html><head><title></title></head>');
win.document.writeln('<body bgcolor="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"><center>');
win.document.writeln('<a href="java script:self.close();"><img src="' + imgurl + '" width="' + ipictwidth + '" height="' + ipictheight + '" alt="Кликните, чтобы закрыть окно" ');
win.document.writeln('border="0">');
win.document.writeln('</body></html>'); }
k=iwidth/iheight;
if(k<0.9 && iwidth>=400) {iwidth=448; iheight=(iwidth/k); } else {
if(iwidth>=800) {iwidth=800; iheight=(iwidth/k); } }
ipictwidth=(iwidth-20);
ipictheight=iwidth/k;
other="toolbar=no,width=" + iwidth + ",height=" + iheight + ",directories=no,menubar=no";
win=window.open("","Window",other);
win.document.writeln('<html><head><title></title></head>');
win.document.writeln('<body bgcolor="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"><center>');
win.document.writeln('<a href="java script:self.close();"><img src="' + imgurl + '" width="' + ipictwidth + '" height="' + ipictheight + '" alt="Кликните, чтобы закрыть окно" ');
win.document.writeln('border="0">');
win.document.writeln('</body></html>'); }
Лови! Когда-то давно писал... Открывает изображение, автоматически подгоняет размер картинки под размер окна...
imgurl - Адрес картинки
iwidth - Ширина картинки
iheight - Высота картинки
))))
Спасибо всем конечно, но тогда я немножко префразирую фопрос:
Возможно ли из ссылки на картинку (а лучше на эллемент (картинка, страцица)) выделить её(его) размеры?
Спасибо всем конечно, но тогда я немножко префразирую фопрос:
Возможно ли из ссылки на картинку (а лучше на эллемент (картинка, страцица)) выделить её(его) размеры?
если ты кликаешь по картинке с предопределенными высотой и шириной - то можно просто их считывать, а если есть ПХП то можно легко воспользоваться функцией:
[SIZE=4]getimagesize
[/SIZE]
(PHP 3, PHP 4)
getimagesize - получает размер изображения.
Описание
array getimagesize (string filename [, array imageinfo])
Функция getimagesize() определяет размер изображения GIF, JPG, PNG, SWF, PSD, TIFF или BMP и возвращает размеры, тип файла и высоту/ширину текстовой строки, используемой внутри нормального HTML-тэга IMG.
Возвращает массив из 4 элементов. Индекс 0 содержит ширину/width изображения в пикселах. Индекс 1 содержит высоту/height. Индекс 2 это флаг, указывающий тип изображения. 1 = GIF, 2 = JPG, 3 = PNG, 4 = SWF, 5 = PSD, 6 = BMP, 7 = TIFF(байтовый порядок intel), 8 = TIFF(байтовый порядок motorola), 9 = JPC, 10 = JP2, 11 = JPX. Индекс 3 это текстовая строка с корректной строкой height="yyy" width="xxx", которая может использоваться непосредственно в тэге IMG.
Пример 1. getimagesize (file):
[INDENT] <?php
$size = getimagesize ("img/flag.jpg");
echo "<img src=\"img/flag.jpg\" {$size[3]}>";
?>
[/INDENT]Пример 2. getimagesize (URL):[INDENT] <?php
$size = getimagesize ("http://www.example.com/gifs/logo.gif");
?>
[/INDENT]С изображениями JPG возвращаются два дополнительных индекса: channel и bits.
channel имеет значение 3 для RGB-рисунков и 4 для CMYK-рисунков.
bits это количество битов для каждого цвета.
Если доступ к файлу filename изображения невозможен или если это неправильное изображение, getimagesize() возвратит NULL и сгенерирует предупреждение.
Необязательный параметр imageinfo позволяет извлекать расширенную информацию из файла изображения. В настоящее время возвращается различные JPG APP-маркёры в ассоциативном массиве. Некоторые программы используют эти APP-маркёры для внедрения текстовой информации в изображения. Обычным является внедрение IPTC-информации http://www.iptc.org/ в маркёр APP13. Вы можете использовать функцию iptcparse() для разбора двоичного маркёра APP13 в нечто читабельное.
Пример 3. getimagesize возвращает IPTC[INDENT]<?php
$size = getimagesize ("testimg.jpg",&$info);
if (isset ($info["APP13"])) {
$iptc = iptcparse ($info["APP13"]);
var_dump ($iptc);
}
?>[/INDENT]Примечание: поддержка TIFF была введена в PHP 4.2. Поддержка JPEG2000 была введена в PHP 4.3.
Эта функция не требует библиотеки GD image.
Поддержка URL была введена в PHP 4.0.5.
[SIZE=4]getimagesize
[/SIZE]
(PHP 3, PHP 4)
getimagesize - получает размер изображения.
Описание
array getimagesize (string filename [, array imageinfo])
Функция getimagesize() определяет размер изображения GIF, JPG, PNG, SWF, PSD, TIFF или BMP и возвращает размеры, тип файла и высоту/ширину текстовой строки, используемой внутри нормального HTML-тэга IMG.
Возвращает массив из 4 элементов. Индекс 0 содержит ширину/width изображения в пикселах. Индекс 1 содержит высоту/height. Индекс 2 это флаг, указывающий тип изображения. 1 = GIF, 2 = JPG, 3 = PNG, 4 = SWF, 5 = PSD, 6 = BMP, 7 = TIFF(байтовый порядок intel), 8 = TIFF(байтовый порядок motorola), 9 = JPC, 10 = JP2, 11 = JPX. Индекс 3 это текстовая строка с корректной строкой height="yyy" width="xxx", которая может использоваться непосредственно в тэге IMG.
Пример 1. getimagesize (file):
[INDENT] <?php
$size = getimagesize ("img/flag.jpg");
echo "<img src=\"img/flag.jpg\" {$size[3]}>";
?>
[/INDENT]Пример 2. getimagesize (URL):[INDENT] <?php
$size = getimagesize ("http://www.example.com/gifs/logo.gif");
?>
[/INDENT]С изображениями JPG возвращаются два дополнительных индекса: channel и bits.
channel имеет значение 3 для RGB-рисунков и 4 для CMYK-рисунков.
bits это количество битов для каждого цвета.
Если доступ к файлу filename изображения невозможен или если это неправильное изображение, getimagesize() возвратит NULL и сгенерирует предупреждение.
Необязательный параметр imageinfo позволяет извлекать расширенную информацию из файла изображения. В настоящее время возвращается различные JPG APP-маркёры в ассоциативном массиве. Некоторые программы используют эти APP-маркёры для внедрения текстовой информации в изображения. Обычным является внедрение IPTC-информации http://www.iptc.org/ в маркёр APP13. Вы можете использовать функцию iptcparse() для разбора двоичного маркёра APP13 в нечто читабельное.
Пример 3. getimagesize возвращает IPTC[INDENT]<?php
$size = getimagesize ("testimg.jpg",&$info);
if (isset ($info["APP13"])) {
$iptc = iptcparse ($info["APP13"]);
var_dump ($iptc);
}
?>[/INDENT]Примечание: поддержка TIFF была введена в PHP 4.2. Поддержка JPEG2000 была введена в PHP 4.3.
Эта функция не требует библиотеки GD image.
Поддержка URL была введена в PHP 4.0.5.
[HTML]
<SCRIPT>
<!--
function openimage(imgurl,iwidth,iheight) {
k=iwidth/iheight;
if(k<0.9 && iwidth>=400) {iwidth=448; iheight=(iwidth/k); } else {
if(iwidth>=800) {iwidth=800; iheight=(iwidth/k); } }
ipictwidth=(iwidth-20);
ipictheight=iwidth/k;
other="toolbar=no,width=" + iwidth + ",height=" + iheight + ",directories=no,menubar=no";
win=window.open("","Window",other);
win.document.writeln('<html><head><title></title></head>');
win.document.writeln('<body bgcolor="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"><center>');
win.document.writeln('<a href="java script:self.close();"><img src="' + imgurl + '" width="' + ipictwidth + '" height="' + ipictheight + '" alt="Кликните, чтобы закрыть окно" ');
win.document.writeln('border="0">');
win.document.writeln('</body></html>');
return true;
}
// -->
</SCRIPT>
<BODY>
<IMG src ="image.jpg" onClick="openimage(this.src,this.width,this.height);" />
</BODY>
[/HTML]
<SCRIPT>
<!--
function openimage(imgurl,iwidth,iheight) {
k=iwidth/iheight;
if(k<0.9 && iwidth>=400) {iwidth=448; iheight=(iwidth/k); } else {
if(iwidth>=800) {iwidth=800; iheight=(iwidth/k); } }
ipictwidth=(iwidth-20);
ipictheight=iwidth/k;
other="toolbar=no,width=" + iwidth + ",height=" + iheight + ",directories=no,menubar=no";
win=window.open("","Window",other);
win.document.writeln('<html><head><title></title></head>');
win.document.writeln('<body bgcolor="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"><center>');
win.document.writeln('<a href="java script:self.close();"><img src="' + imgurl + '" width="' + ipictwidth + '" height="' + ipictheight + '" alt="Кликните, чтобы закрыть окно" ');
win.document.writeln('border="0">');
win.document.writeln('</body></html>');
return true;
}
// -->
</SCRIPT>
<BODY>
<IMG src ="image.jpg" onClick="openimage(this.src,this.width,this.height);" />
</BODY>
[/HTML]
Вот решение:
окошко раскрывается по размерам картинки...
Код:
<html>
<head>
<script type="text/javascript">
function img(url){
var img = new Image();
img.src = url;
newWin= open("", "PhotoAlbumWindow", "width="+img.width +",height="+img.height +",status=no,toolbar=no,menubar=no,directories=no,location=no,resizable=no");
newWin.document.open();
newWin.document.write("<html><head><title>Фотоальбом</title></head>");
newWin.document.write("<body><img src='" + url +"' /></a></body></html>");
newWin.document.close();
}
</script>
</head>
<body>
<img src="foto.gif" onclick='img("foto.jpg")' style="cursor:pointer;" />
</body>
<head>
<script type="text/javascript">
function img(url){
var img = new Image();
img.src = url;
newWin= open("", "PhotoAlbumWindow", "width="+img.width +",height="+img.height +",status=no,toolbar=no,menubar=no,directories=no,location=no,resizable=no");
newWin.document.open();
newWin.document.write("<html><head><title>Фотоальбом</title></head>");
newWin.document.write("<body><img src='" + url +"' /></a></body></html>");
newWin.document.close();
}
</script>
</head>
<body>
<img src="foto.gif" onclick='img("foto.jpg")' style="cursor:pointer;" />
</body>
окошко раскрывается по размерам картинки...
да... это решение лучше, соглашусь и сам приму его на вооружение