Næh, ikke specielt, men du skal selvfølgelig ændre alle koder !-)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Tomt dokument</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="shader.css">
<script language="javascript" type="text/javascript" src="shader.js"></script>
</head>
<body>
Testside<p>
<div class="shadeHolder">
<img class="shadeIMG" src="
http://www.eksperten.dk/img/elogo.png"></div>
</body>
</html>
.shadeHolder {
position: relative;
}
.shadeTBL {
position: relative;
left: 0px;
top: 0px;
z-index: 5;
background-color: #ffffff;
}
.shader {
position: absolute;
background-color: #000080;
}
.shadeIMG {
position: relative;
left: 0px;
top: 0px;
z-index: 5;
background-color: #ffffff;
}
var startOpacity = 25; // Sæt selv start-opaciteten
var d=document;
function gA(o,tN){return o.getElementsByTagName(tN)}
function pI(s){return parseInt(s)}
function doShade(tbl) {
var w, h, a, offset, opac, cont = (d.all)? tbl.parentElement : tbl.parentNode;
w=pI(tbl.offsetWidth); h=pI(tbl.offsetHeight);
a = new Array();
var steps = (d.all && !window.createPopup)? 1 : 4; // Antal skygge-steps
for (var i=1; i<steps+1; i++) {
offset = i + "px";
opac = startOpacity / i;
a[a.length] = '<img class="shader" src="spacerblaa.gif" ';
a[a.length] = 'style="width:'+w+'px;height:'+h+'px;left:'+offset+';top:'+offset+';z-index:'+i+';';
if (d.all) a[a.length] = 'filter:alpha(opacity='+opac+')">';
else a[a.length] = '-moz-opacity:'+(opac/100)+'">';
}
cont.innerHTML += a.join("");
}
function initShades() {
if (d.layers) return; //bemærk dur ikke i NN4
var aTbl = gA(d,"TABLE");
for (var i=0; i<aTbl.length; i++) {
if ( aTbl[i].className=="shadeTBL" ) doShade( aTbl[i] );
}
var aImg = gA(d,"IMG");
for (var i=0; i<aImg.length; i++) {
if ( aImg[i].className=="shadeIMG" ) doShade( aImg[i] );
}
}
window.onload = initShades;
