Клуб друзей



Смотрим графику в отдельных окнах

Представим, что вы описываете какой-либо предмет, например: автомобиль, электронный прибор и т.п. Вы хотите показать еще и графическое изображение этого предмета, которое может по причине улучшеного качества графики быть размером более 40 - 50 кБт. Иногда, в таких случаях посетитель не дожидается загрузки рисунка и уходит со странички.
    Приведенный ниже код позволяет посетителю самому решить, - смотреть рисунок или нет. В данном примере рисунок открывается в отдельном окне. Здесь нет ничего нового, как если бы вы открыли рисунок в новом окне браузера. Единственно, вы можете настроить окно под размер рисунка, запретить скроллинг, убрать меню. При этом контекстное меню работает и посетитель может сохранить или распечатать рисунок, а также просто свернуть окно для последующих действий или до окончания загрузки рисунка. Удобно также применять для галереи, конечно баннерных показов на этом не наработаете.

Кликнув на одну из ссылок, вы можете посмотреть картинку. (каждая ~ 20 кБт.)
Посмотреть картинку1
Посмотреть картинку2
Посмотреть картинку3

Скопируйте код приеденный ниже и пользуйтесь.


<HEAD>
<script language="JavaScript">

<!--
img=new Array(3);
img[1]="img1.jpg";
img[2]="img2.jpg";
img[3]="img3.jpg";

imgW=new Array(3);
imgW[1]=460;
imgW[2]=455;
imgW[3]=443;
imgH=new Array(3);
imgH[1]=315;
imgH[2]=315;
imgH[3]=315;

function setWin(iin){
var paramWnd="width="+imgW[iin]+",height="+imgH[iin]+",copyhistory=no,menubar=no,status=no,scrollbars=no"
return(paramWnd)
}

function show(iin)
{
var i;
i=setWin(iin);
imageWindow=window.open(img[iin],iin,i);
}
//-->
</script>
</HEAD>

Этот код помещаем в заголовок. Красным отмечены имена файлов рисунков и их размеры в пикселях, это вы поменяете на свои. Количество в данном примере равное 3, но может быть сколько угодно, только задайте размерность массивов.
После заголовка, в любом месте HTML текста пишем:

<a href="javascript:show(1)"return true;"> Посмотреть картинку1 </a>
<BR>
<a href="javascript:show(2)"return true;"> Посмотреть картинку2 </a>
.................
.................

Вместо текстовой ссылки можно применить рисунок, например уменьшеные копии рисунков.

Внимание, там, где описываются свойства окна: переменная paramWnd, - строка не должна содержать пробелов.
[<<Назад]

WDstudio © 2000г.