View Full Version : Image Question


OrangeLipgloss
03-16-2003, 04:07 AM
Does anybody know the code to use when you want a specific picture to blur when someone places their mouse over it? Like...the picture for the splash page on my website - I want it to become blurred whenever someone goes to click on it. How do I do that?

Thanks for your time!

- Sara Angela -

MaGiCSuN
03-16-2003, 09:42 AM
Put the following script code between your <head> and </head> tag:


<script>
function blu(a,b){
a.filters.blur.strength=b
}
</script>


then put the following code INTO your <img> tag fromt he image which you want to blur:

style="filter:blur(strength=0)" onMouseover="blu(this,10)" onMouseout="blu(this,0)"

so it has to look something like this:

<img src="IMAGEHERE.gif" border=0 height=# width=# style="filter:blur(strength=0)" onMouseover="blu(this,10)" onMouseout="blu(this,0)">

good luck :)

love,
Mirna