image effect help please.

Guest_imported · Aug 26, 2000

image help, please. i can't really explain what it is that i want, but an example is at:

http://www.angelfire.com/scifi/tragicspectre/intro

wave your mouse over the blurred image.

i want my main image do do EXACTLY like that. every site i've been to only has the " fade in & out grey to colour " scripts. i'd love it if someone helped me out. please E-MAIL me at Wetwired71@aol.com. please. thank you.

celley · Aug 27, 2000

It is a javascript function that uses onMouseOver. If you look at the source code, they are just replacing a second image over the first one when your mouse goes over it. Here is the code: Lok for the two image names of kyrie1.jpg and kyrie.jog.

<script language="JavaScript">
var n3 = false;
image1 = new Image();
// Place your first image within the
// quotation marks on the line below.
image1.src = "kyrie1.JPG";
image1on = new Image();
// Place your second image within the
// quotation marks on the line below.
image1on.src = "kyrie.JPG"

function on3(name)
{
document[name].src = eval(name + "on.src&quot

;
}

function off3(name)
{
document[name].src = eval(name + ".src&quot

;
}

n3 = true;
function on(name)
{
if (n3)
on3(name);
}

function off(name)
{
if (n3)
off3(name);
}
</script>




<a href="javascript:Start('

http://www.angelfire.com/scifi/tragicspectre/main');"

onmouseover="on('image1');" onmouseout="off('image1')" style="cursor:crosshair">

<img src="kyrie1.JPG" border="0" name="image1" ALT=+tragic+></a>

Once you understand the script, you need to use a image editor and blur your image and save it as a second file.

Hope that helps.

Chad

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

image effect help please.

Guest_imported

New member

celley

Programmer

Similar threads

Part and Inventory Search

Sponsor