Click to See Complete Forum and Search --> : about blurry images......


dummy
01-03-2003, 02:26 PM
please explain this to me ...........
<style>
img
{
filter:alpha(opacity=30)
}
</style>

<script type="text/javascript">
function clean()
{
interval=setInterval("makeclean(myImage)",10)
}

function foggy()
{
clearInterval(interval)
myImage.filters.alpha.opacity=10
}

function makeclean()
{
if (myImage.filters.alpha.opacity<100)
{
myImage.filters.alpha.opacity+=5
}
else if (window.interval)
{
clearInterval(interval)
}
}

</script>

AdamBrill
01-03-2003, 05:05 PM
Here's my best shot:)

the style sets the image so that it is only 30% visible. It also allows you to change the transparence with javascript.
the clean() function just tells it to run the makeclean every 10 milliseconds.

the foggy function would put the image back to 10% visible.

in the makeclean function, this line:

if (myImage.filters.alpha.opacity<100)

checks if the image is less than 100 percent visible.

if it is, it runs this:

myImage.filters.alpha.opacity+=5

making it 5% more visible

if it isn't, it runs this:

clearInterval(interval)

telling it to stop running the makeclean function every 10 milliseconds.

That just about covers it. Let me know if you have any more questions...