Пример создает окно по размерам картинки и загружает в него изображение.
Обратите внимание, всплывающие окна могут быть запрещены браузером. Кроме того настройки браузера могут все всплывающие окна открывать на вкладках, - в этом случае именение размеров не произойдет.
Дополнительные параметры окна: 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>
Скопировать в буфер
© Copyright 2008-2012 by KDG