Verena: "light_div" - Filter - HILFE

Hallo zusammen,

ich habe u.a. JavaScript gefunden und würde das gerne anwenden. Nun hab ich aber das Problem, dass ich nicht weiss, wie ich den Filter so einstelle, dass er mir, nachdem das Script abgelaufen ist (ihr wisst, was ich meine ?), das Bildchen, um das es geht, anzeigt. Nach Ablauf des Scripts erscheint das nämlich nicht mehr sondern nur noch ein schwarzes Feld.

Könnt ihr mir helfen?

hier das script

<html>
<head>
<script type="text/javascript">
var timer
i=0
j=0
k=0
l=160
m=120

function setlight()
{
document.getElementById('light_div').filters[0].clear()

if (i<100)
 {
 document.getElementById('light_div').filters[0].addcone(0,0,0,50,50,100,120,200,i,100)
 }
else
 {
 if (j<160)
  {
  document.getElementById('light_div').filters[0].addcone(j,0,0,50,50,100,120,200,i,200)
  j++
  }
 else
  {
  if (k<120)
   {
   document.getElementById('light_div').filters[0].addcone(j,k,0,50,50,100,120,200,i,200)
   k++
   }
  else
   {
   if (l>0)
    {
    l--
    document.getElementById('light_div').filters[0].addcone(l,k,0,50,50,100,120,200,i,200)
    }
   else
    {
    if (m>0)
     {
     m--
     document.getElementById('light_div').filters[0].addcone(l,m,0,50,50,100,120,200,i,200)
     }
    else
     {
     stoptimer()
     }
    }
   }
  }
 }
i++
timer=setTimeout("setlight()",1)
}

function stoptimer()
{
clearTimeout(timer)
}
</script>
<style>
div
{
width:100px;
}
body
{
background:#2D5A79;
}
</style>
</head>

<body onload="setlight()" onunload="stoptimer()">
<div id="light_div" style="filter:light(enabled=1);"><img src="http://www.google.de/intl/de_de/images/logo.gif"/></div>
</body>

</html>

  1. Hi nochmal,

    ich kriege gerade die Nachricht, dass diese Funktion bei manchen schon fehlerhaft läuft...

    vielleicht bitte mal hier reingucken, da hab ich die her:

    http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_filter_lightfx

    Nochmal Danke fürs zulesen (c;