Как открыть изображение в новом окне с определенными размерами

Дата редактирования: 12.03.2015 Просмотрен: 11833

Как открыть изображение img в новом окне браузера с определенными фиксированными размерами. для этого необходимо использовать java script. Между тегами

<head></head>

 

документа в котором должны открываться изображения соответствующим образом. Далее вставляем скрипт

<script language=javascript>
function glossary(param,w,h,t,l)
{	par=' width=580,height=500,top=0,scrollbars=1';
var glossary = window.open(param, 'glossary', par);
glossary.focus(); 	}
function ask(param)	{
par=' width=500,height=500,scrollbars=1';
var ask = window.open(param, 'ask', par);
ask.focus();  	}
function popup(urla,w,h)	{
var popup =  window.open(urla, 'popup', 'width='+w+',height='+h+',top=0,scrollbars=1');
popup.focus();	}
function godestination()	{
if (document.destination.selector.options
[document.destination.selector.selectedIndex].value != '')
document.location.href=document.destination.selector.options
[document.destination.selector.selectedIndex].value;	}
	</script>

 

После чего в ссылку (тег а ) добавляем такую строку

onclick='glossary(this.href, 580, 500); return false;'

Должно получится что то вроде

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<script language=javascript>
function glossary(param,w,h,t,l)
{	par=' width=580,height=500,top=0,scrollbars=1';
var glossary = window.open(param, 'glossary', par);
glossary.focus(); 	}
function ask(param)	{
par=' width=500,height=500,scrollbars=1';
var ask = window.open(param, 'ask', par);
ask.focus();  	}
function popup(urla,w,h)	{
var popup =  window.open(urla, 'popup', 'width='+w+',height='+h+',top=0,scrollbars=1');
popup.focus();	}
function godestination()	{
if (document.destination.selector.options
[document.destination.selector.selectedIndex].value != '')
document.location.href=document.destination.selector.options
[document.destination.selector.selectedIndex].value;	}
</script>
</head>
<body>

<a onclick='glossary(this.href, 580, 500); return false;'
 href="/images/123.jpg">Текст или изображение</a>

</body>
</html>

 

Тот же вариант применяться и для простых html страниц. Результат открывается страница в новом окне заданного размера.



Создан: 01.12.2009 05:47 | Отредактирован: 12.03.2015 06:38