Библиотека Javascript. SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Фото в оригинальном обрамлениии Закругленные углы через CSS (обрамление имеет свой цвет) Фото открывается заданного размера от клика по маленькому Клик по большому фото-закрытие</title> <style> body{text-align:center;} .container{width:90%;margin-left:auto;margin-right:auto;} .c1{width:32%;float:left;text-align:left;margin:5px} .c2{width:32%;float:left;text-align:left;margin:5px} .c3{width:32%;float:left;text-align:left; margin:5px} </style> <style> .pmb1_b, .pmb1_s {font-size:1px; } .pmb1_1, .pmb1_2, .pmb1_3, .pmb1_4, .pmb1_b, .pmb1_s {display:block; overflow:hidden;} .pmb1_1, .pmb1_2, .pmb1_3, .pmb1_s {height:1px;} .pmb1_2, .pmb1_3, .pmb1_4 {border-style: solid; border-width: 0 1px; } .pmb1_1 {margin:0 5px; } .pmb1_4{background:#FFFFAA;border-color: #FF0000; color: inherit;} .pmb1_1{background:#FF0000; color: inherit;} .pmb1_2{background:#FFFFAA; color: inherit; border-color: #FF0000;} .pmb1_3{background:#FFFFAA; color: inherit; border-color: #FF0000;} .pmb1_2 {margin:0 3px; border-width:0 2px;} .pmb1_3 {margin:0 2px;} .pmb1_4 {height:2px; margin:0 1px;} .pmb1_c {display:block; border-style: solid ; border-width: 0 1px;background:#FFFFAA; color: inherit; border-color: #FF0000;} body { font-family: helvetica, 'Microsoft Sans serif', arial, 'lucida console', sans-serif;font-size: 11px;background: inherit;color: #000000;} img{cursor:hand} </style> <SCRIPT LANGUAGE="JavaScript"> ///открыть фото заданного размера над основным окном window.onload=initImages;function initImages(){for(var i=0;i<document.images.length;i++){document.images[i].onclick=newWindow;}} function newWindow(){var imgName=""+this.id+".jpg" var imgWindow=window.open(imgName,"imgWin","width=700,height=800,scrollbars=no") imgWindow.document.write("Библиотека Javascript SE@RCHER<img src="+imgName+" onClick='self.close()'>") imgWindow.document.close()} </script> </head> <body> <div class="container"> <div class="c1"> <div style="width:340px;"> <b class="pmb1_b"><b class="pmb1_1"></b><b class="pmb1_2"></b><b class="pmb1_3"></b><b class="pmb1_4"></b></b> <div class="pmb1_c"><b class="pmb1_s"></b> <div style="padding:3px;"> <b>photo 1</b><br /> <img src="001.jpg" width="300" hspace="10" border="3" alt="Thumbnail 0" id="001" /> </div> <b class="pmb1_s"></b></div><b class="pmb1_b"><b class="pmb1_4"></b><b class="pmb1_3"></b><b class="pmb1_2"></b><b class="pmb1_1"></b></b> </div> </div> <div class="c2"> <div style="width:340px;"> <b class="pmb1_b"><b class="pmb1_1"></b><b class="pmb1_2"></b><b class="pmb1_3"></b><b class="pmb1_4"></b></b> <div class="pmb1_c"><b class="pmb1_s"></b><div style="padding:3px;"> <b>photo 2</b><br /> <img src="002.jpg" width="300" hspace="10" border="3" alt="Thumbnail 1" id="002" /> </div> <b class="pmb1_s"></b></div><b class="pmb1_b"><b class="pmb1_4"></b><b class="pmb1_3"></b><b class="pmb1_2"></b><b class="pmb1_1"></b></b> </div> </div> <div class="c3"> <div style="width:340px;"> <b class="pmb1_b"><b class="pmb1_1"></b><b class="pmb1_2"></b><b class="pmb1_3"></b><b class="pmb1_4"></b></b> <div class="pmb1_c"><b class="pmb1_s"></b><div style="padding:3px;"> <b>photo 3</b><br /> <img src="003.jpg" width="300" hspace="10" border="3" alt="Thumbnail 2" id="003" /> </div> <b class="pmb1_s"></b></div><b class="pmb1_b"><b class="pmb1_4"></b><b class="pmb1_3"></b><b class="pmb1_2"></b><b class="pmb1_1"></b></b> </div> </div> </div> <div class="bottom"><style>.bottom {position:absolute;bottom:0px; left:40%}</style> <font style="font-size:12px;color:#CC6600;font-family:Arial;" onclick="location.href='http://www.03www.su/5.php'" title="для писем" target=_blank> Библиотека JAVASCRIPT 1997- <script src="god.js"></script> Дизайн и сопровождение © SE@RCHER</font> </div> </strong></div></body> </html>