PDA

Click to See Complete Forum and Search --> : i still need help!!!!!!!!!!!

dummy
01-05-2003, 03:08 PM
i still need help about blurry images................ can anyone show me the script for it or better yet teach me how to put it on my html..... please..please..pleeeeeeeeeease....anyone?
ShrineDesigns
01-05-2003, 05:27 PM
"blurry" do you mean blur an image link ???

add this: onFocus="this.blur()" to an "a" element
pyro
01-05-2003, 05:44 PM
I'm guessing what they mean is and IE filter effect. What exactly do you mean??
dummy
01-05-2003, 05:52 PM
yes how about that can you help me.....im new to java script.
i'm trying to meke that effect where when the mouse is over the image it clears up..........so can you teach me?
dummy
01-05-2003, 06:01 PM
Originally posted by ShrineDesigns
"blurry" do you mean blur an image link ???

add this: onFocus="this.blur()" to an "a" element yes how about that can you help me.....im new to java script.
i'm trying to make that effect where when the mouse is over the image it clears up..........so can you teach me?
pyro
01-05-2003, 06:23 PM
See if this is what you are looking for...

http://www.dynamicdrive.com/dynamicindex4/highlightgrad2.htm
DarkSoul
01-05-2003, 06:28 PM
easiest way is to have 2 pics and do an onmousover effects..

<a href="../files/some.html" onmouseover="document.images[i].src='butt21.bmp'; return true;" onmouseout="document.images[i].src='butt22.bmp'; return true;">
<img src="../files/butt22.bmp" BORDER=0></a>


if you don't want to put a link under it:
<img src="butt22.bmp" onmouseover="document.images[i].src='butt21.bmp'; return true;" onmouseout="document.images[i].src='butt22.bmp'; return true;">


note that the i in document.imagest[i] needs to be replaced with the number of the pic (starting with 0 counting from the irst image on the page)
this will show a pic butt22.bmp when loaded, when the mouse goes over it butt21.bmp is loaded, out of the pic again butt22.bmp
AdamBrill
01-05-2003, 06:33 PM
Here's some code that I made:

<html>
<head>
<style>
img
{
filter:alpha(opacity=30)
}
</style>
<script type="text/javascript">
fade=true;
amount=-5;
interval=setInterval("test()",100);
function test()
{
clearInterval(interval)
}
function clean(x)
{
if(fade==true)
{
amount=5;
fade=false;
interval=setInterval("makeclean(myImage)",x);

}
else
{
amount=-5;
fade=true;
interval=setInterval("makefoggy(myImage)",x);
}
}
function foggy()
{
myImage.filters.alpha.opacity=10
}
function makefoggy()
{
if (myImage.filters.alpha.opacity>30)
{
myImage.filters.alpha.opacity+=amount;
}
else if (window.interval)
{
clearInterval(interval)
}
}

function makeclean()
{
if (myImage.filters.alpha.opacity<100)
{
myImage.filters.alpha.opacity+=amount;
}
else if (window.interval)
{
clearInterval(interval)
}
}
</script>
</head>
<body>
<a href="#"><img border="0" name=myImage onmouseover="javascript:clearInterval(interval); fade=true; clean(20);" onmouseout="javascript:clearInterval(interval); fade=false; clean(20);" src="Image.gif"></a>
</body>
</html>

I think that is what you wanted. If you want it to fade faster, change the 20 in clean(20) down some. For slower make the number higher. Good luck!
pyro
01-05-2003, 06:37 PM
One thing to keep in mind is this (Filter Effects) will only work in Internet Explorer. If you are looking for a cross browser solution, Macromedia Flash might be the way to go.