[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Сделать фотогалерею
DooDLeZДата: Воскресенье, 15.03.2009, 17:43 | Сообщение # 1
Admin
Группа: Проверенные
Сообщений: 805
[ 21 ]
:-)
Сделать фотогалерею: чтобы в документе были маленькие картинки, а при нажатии на них открывались окошки с увеличенными картинками

Code
<html>  
<head>  
<title>Фотогалерея</title>  
<script language="JavaScript">  
<!--  
function imgOpen(imgURL,imgWidth,imgHeight,Title) {  
      var imgWndw=window.open('','_blank','width='+imgWidth+',height='+  
      imgHeight+',toolbar=no,menubar=no,location=no,status=no,'+  
      'resizable=yes,scrollbars=no');  
      var imgTitle=(Title)?Title:imgURL+": "+imgWidth+'x'+imgHeight;  
      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" '+  
          'marginheight="0"><img src="'+imgURL+'" width="'+imgWidth+  
          '" height="'+imgHeight+'" border="0" alt="'+imgTitle+  
          '"></bo'+'dy></ht'+'ml>');  
          close();  
      }  
      return false;  
}  
//-->  
</script>  
</head>  
<body>  
...  
<a href="disco.jpg" target="_blank" onClick="return  
imgOpen(this.href,400,300,'Я на дискотеке');"><img src="disco_small.gif"  
width="80" height="60" alt="Я на дискотеке - 200 Кбайт" border="0"></a>  
...  
<a href="banja.jpg" target="_blank"  
onClick="return imgOpen(this.href,200,300,'Я в бане');"><img  
src="banja_small.gif" width="40"  
height="60" alt="Я в бане - 100 Кбайт" border="0"></a>  
...  
</body>  
</html>

Этот метод грамотно "работает" и при отключении скриптов: открывает просто
новое окно браузера с нужной картинкой.


IP админа скрыт!
  • Страница 1 из 1
  • 1
Поиск: