Делимся опытом

mar · Отправлено: **20:31, 15-02-2006** | #31

27
Простая идея, но очень хорошо работает для фотогаллереи (откуда и взята)
Фото лебедя можно просмотреть на разном фоне:

Код:

<head>
<!-- http://www.photosight.ru/viewpicwindow.php?photoid=1278386 -->
<script language="JavaScript" type="text/javascript">
<!--
function SetBG(color)
{
    document.bgColor = color;
}
//-->
</script>
</head>
<body bgcolor="#999999">

<table width="100%" height="96%" border=0 cellpadding=0 cellspacing=0>
<tr><td align=center><a href="#" onClick="window.close()"><img alt="Valesia, "в лучах заходящего солнца"" border=0 src="http://img-2006-02.photosight.ru/15/1278386.jpg" GALLERYIMG="no"></a></td></tr>
<tr><td>

<table align=center cellpadding=0 cellspacing=2 border=0>
<tr>
<td bgcolor="#FFFFFF" onmouseover="SetBG('#FFFFFF')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td bgcolor="#E5E5E5" onmouseover="SetBG('#E5E5E5')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td bgcolor="#CCCCCC" onmouseover="SetBG('#CCCCCC')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td bgcolor="#B3B3B3" onmouseover="SetBG('#B3B3B3')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>

<td bgcolor="#999999" onmouseover="SetBG('#999999')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td bgcolor="#808080" onmouseover="SetBG('#808080')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td bgcolor="#666666" onmouseover="SetBG('#666666')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td bgcolor="#4D4D4D" onmouseover="SetBG('#4D4D4D')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td bgcolor="#333333" onmouseover="SetBG('#333333')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td bgcolor="#1A1A1A" onmouseover="SetBG('#1A1A1A')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td bgcolor="#000000" onmouseover="SetBG('#000000')"><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td><img src="/pics/dot.gif" width=18 height=18 border=0></td>
<td><a href="#" onClick=window.close()><img src="/pics/b_close.gif" width=18 height=18 border=0></a></td>
</tr>
</table>

</td></tr>
</table>
</body></html>

Все просто, но мне понравился результат