Лепил из запчастей готовых, по этому несколько сумбурно ;) Вроде, работает в IE 6 и FF последнем. Кстати, GIF с альфа каналом тоже не каждый броузер отобразит 
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>unbright</title>
<LINK rel="stylesheet" type="text/css" href="/css/album.css">
<style type='text/css'>
div.image {
float:left;
width:137px;height:161px;
border:1px solid ;
padding-top:20px;
margin:0px;
text-align:center;
background:url(../img/style/imgbg.gif) no-repeat;
overflow:hidden;
}
.image a {
text-decoration:none;
}
.image img {
border: 0px;
width:80px;
height:80px;
}
div.image p {
color: #000066;
margin:2px 0;
font-size:14px;
}
div.image p.detail {
font-size:8px;
}
</style>
</head>
<body onload="unbright('too_bright');">
<div class='image'> <A HREF="alice19/1_041.jpg">
<IMG SRC="alice19/1_041_t.jpg" title="1_041.jpg" ALT="1_041.jpg"></a>
<p>1_041</p>
<p class="detail">76.53 Kb</p>
</div>
<div class='image' id='too_bright'> <A HREF="alice19/1_042.jpg">
<IMG SRC="alice19/1_042_t.jpg" title="1_042.jpg" ALT="1_042.jpg"></a>
<p>1_042</p>
<p class="detail">71.67 Kb</p>
</div>
<div class='image'> <A HREF="alice19/1_043.jpg">
<IMG SRC="alice19/1_043_t.jpg" title="1_043.jpg" ALT="1_043.jpg"></a>
<p>1_043</p>
<p class="detail">70.49 Kb</p>
</div>
</body>
<script type="text/javascript" >
function _i(e) { return (document.getElementById(e)
|| document.getElementsByName(e)[0]) };
function setOpacity(e,opacity){
if (opacity == 0){
if(e.style.visibility != "hidden") e.style.visibility = "hidden";
} else {
if(e.style.visibility != "visible") e.style.visibility = "visible";
}
if (window.ActiveXObject) e.style.filter = "alpha(opacity=" + opacity*100 + ")";
e.style.opacity = opacity;
}
function getBounds (e)
{
left=e.offsetLeft
for (var parent = e.offsetParent,top=e.offsetTop; parent;
parent = parent.offsetParent)
{
left += parent.offsetLeft;
top += parent.offsetTop;
}
return {left: left, top: top, width: e.offsetWidth, height: e.offsetHeight};
}
function unbright(id) {
e=_i(id);
d=document.createElement('div');
d.style.background='black';
d.style.position='absolute';
r=getBounds(e);
d=document.body.appendChild(d);
d.style.top=r.top;
d.style.left=r.left;
d.style.width=r.width;
d.style.height=r.height;
setOpacity(d,0.2);
}
</script>
</html>
|
|
)