Как сделать фотогалерею

<script language="JavaScript" type="text/javascript"><!-- var resId=0; var imgWndw;

function imgOpen(imgLink,Title) { if (typeof(window.resizeBy)=='undefined') return true;   imgWndw=window.open('',imgLink.target,'width=100,height=100'+     ',toolbar=no,menubar=no,location=no,status=no,'+     'resizable=yes,scrollbars=no,left='+(screen.width>>>2)+     ',top='+(screen.height>>>4));   self.focus();   var imgTitle=(Title)?Title:imgLink.href;   with (imgWndw.document){     open();     write('<ht'+'ml><he'+'ad><ti'+'tle>'+imgTitle+'</ti'+'tle>'+     '</he'+'ad><bo'+'dy leftmargin="0" topmargin="0" '+     'rightmargin="0" bottommargin="0" marginwidth="0" '+     'style="margin:0;padding:0;position:fixed;overflow:none;" '+     'marginheight="0"><img src="'+imgLink.href+'" border="0" '+     ' alt="'+imgTitle+'" title="'+imgTitle+'" class="r" /></bo'+     'dy></ht'+'ml>');     close();   }   resId=setInterval('imgResize()',100);   return false }

function imgResize() {   var w=imgWndw.document.images[0].width;   if (w>screen.availWidth) w=screen.availWidth;   var h=imgWndw.document.images[0].height;   if (h>screen.availHeight) h=screen.availHeight;   if (w>50 && h>50) {     var ww=(imgWndw.innerWidth)?imgWndw.innerWidth:((document.body)?       imgWndw.document.body.clientWidth:null);     var wh=(imgWndw.innerHeight)?imgWndw.innerHeight:((document.body)?       imgWndw.document.body.clientHeight:null);     if (ww && wh) {       imgWndw.resizeBy(w-ww,h-wh);     }     imgWndw.focus();     clearInterval(resId)   } } //--></script>

...

<a href="disco.jpg" target="_blank" onclick="return imgOpen(this,'Я на дискотеке');"><img src="disco_small.gif" width="80" height="60" alt="Я на дискотеке - 200 Кбайт" title="Я на дискотеке - 200 Кбайт" border="0" /></a> ... <a href="banja.jpg" target="_blank" onClick="return imgOpen(this,'Я в бане');"><img src="banja_small.gif" width="40" height="60" alt="Я в бане - 100 Кбайт" title="Я в бане - 100 Кбайт" border="0" /></a>

Если заменить target в ссылках с "_blank" на какое-нибудь определенное имя (например, "photo"), то все картинки будут открываться в одном и том же окне, которое будет автоматически подстраиваться под размер каждой новой загружаемой картинки.

Данный код корректно работает и при отключенных скриптах - с той разницей, что картинки просто будут открываться в новом окне.


Содержание раздела

---

---