Другие языки программирования и технологии

Как на странице сайта сделать просмотр фотографий в увеличенном виде?

1 вариант (показываю в варианте для фотоальбома) : сразу под тегом body пишем этот скрипт:

< script language="JavaScript" > < !--

function show(name)

{
open(name,'_blank','left=80,top=100,scrollbars=no,toolbar=no,directories=no,menubar=no,status=no,res

izable=no,width=630,height=410');
}
// -- > < /script >

а ссылки пишем так:

< a href="javascript:show('foto/Talgar.jpg')" > < img src="foto/Talgar_sm.jpg" alt="Увеличить, Zumm -

36 kb" border="0" width="256" height="151" > < /a >

где left=80,top=100 - местоположение нового окна
scrollbars=no,toolbar=no,directories=no,menubar=no,status=no,resizable=no - запрет всех этих

параметров. Если вместо no написать yes то оно появится
width=630,height=410 - размер нового окна. Он один для всех новых окон

'foto/Talgar.jpg' - путь для открытия оригинала фото
src="foto/Talgar_sm.jpg" - путь к миниатюре этого фото
alt=" ...надпись появляющаяся при наведении мышки на миниатюру фото
width="256" height="151" - размер миниатюры
примечание: вместо файла фото 'foto/Talgar.jpg' можно указать путь для открытия html страницы
а вместо < img src="... > можно поместить текст

(убрать пробелы после < и перед > )
- - -----------
2 вариант: для открытия каждого окна пишется своя ссылка с собственными настройками

< a href=# onclick="javascript: window.open('list00.htm','popup','toolbar=no, location=no,

directories=no, status=no, menubar=no, resizable=no, scrollbars=no width=630, height=410')"

title="надпись при наведении мышки" onmouseover="window.status='надпись в статус-строке'; return

true;" >текст ссылки< /a >

где 'list00.htm' - файл, открываемый в новом окне
width=630, height=410 - размер окна
toolbar=no, location=no, directories=no, status=no, menubar=no, resizable=no, scrollbars=no - запрет

всего
если среди них еще вписать left=80, top=100 можно задать местоположение окна

(убрать пробелы после < и перед > )
- - -----------
3 вариант: ссылка пишется как обычно, а в коде открываемой страницы пишется код -

< body bgcolor="#FFFFFF" link="#B96F00" vlink="#DD8500" alink="#E6E602" onLoad="MoveMe()" >

< script language="javascript" type="text/javascript" >
function MoveMe()
{window.resizeTo (700,600);}
var popUpWin=0;
function popUpWindow(URLStr,widht,hight)
{if(popUpWin)
{if(!popUpWin.closed) popUpWin.close();}
popUpWin = open(URLStr, 'popUpWin',

'toolbar=yes,location=no,directories=no,status=no,menubar=yes,scrollbar=no,resizable=yes,copyhistory

=yes,left=50,top=50,width=700,height=600');}
< /script >

(убрать пробелы после < и перед > )
Вячеслав Мартынов
Вячеслав Мартынов
93 529
Лучший ответ
Фотогалерею поставь, simplewiever например
Ильдар Еникеев
Ильдар Еникеев
19 433
fancybox - отличная и простая штука.. . еще есть lightbox и еще куча других))
Андрей Ершов
Андрей Ершов
12 046
если не ошибаюсь "привью"