Квартиры, дома, земельные участки Краснодарского края без посредников. Объявления собственников недвижимости.

Создать окно по размерам картинки и загрузить в него изображение

Пример создает окно по размерам картинки и загружает в него изображение.

Открыть окно

Обратите внимание, всплывающие окна могут быть запрещены браузером. Кроме того настройки браузера могут все всплывающие окна открывать на вкладках, - в этом случае именение размеров не произойдет.

Дополнительные параметры окна: toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no. Могут принимать значения yes или no.

Проверено в Internet Explorer и Mozilla Firefox.

Исходный код этого примера:

<script language="JavaScript">


function imgopen(url,tit){
img=new Image();
img.onload=function ()
	{
	var el=document.getElementById('size');
	outf="<html><head>"
		 +"<"+"title>"+tit+"<"+"/title>"
		 +"<style>body,img{margin:0px}</style>"
		 +"</head>"
		 +"<body leftmargin=0 topmargin=0>"
		 +"<img src=\""+url+"\"><br>";
	rand_id='image'+(Math.round(Math.random()*1000));
	outf="iwin=window.open('"+url+"', '"+rand_id+"', 'width="+(img.width)+",height="+(img.height+20)+",top=50,left=50');"
		 +"iwin.document.write('"+outf+(img.width)+"x"+(img.height)+"</body></html>');"
		 +"iwin.focus();"
	alert(outf);
	eval(outf);
	}
img.src=url;
// теперь нужно подождать загрузки изображения
// для этого используется обработчик события загрузки картинки onLoad описанный ранее

}
</script>
<h3><a href='#' onclick='imgopen("../ann.jpg","Заголовок окна")'>Открыть окно</a></h3>

<h3><a href='#' onclick='imgdo("../ann.jpg")'>Открыть окно</a></h3>


<span id="size"></span>

<script type="text/javascript" language="JavaScript">// © aexpi
function imgdo(url)
	{
	var el=document.getElementById('size');
	var img=new Image();
	img.onload=function ()
		{
		el.innerHTML=img.width+'x'+img.height+'<br><img src='+url+'>';
		}
	el.innerHTML='Загружается...';
	img.src=url;
	}

</script>

Скопировать в буфер

- Уникальные корпоративные подарки в огромном ассортименте!