Charas-Project

Off-Topic => Really Old Stuff => Archive => HTML & DHTML => Topic started by: noda on October 07, 2004, 07:29:10 PM

Title: image chageing link
Post by: noda on October 07, 2004, 07:29:10 PM

how can i have it on mouse over to chage and link at the same time for a menu bar i have seen loots of things on it but i am just useing a few scripts since i haven't learn a lot of javascript for my web page so if you could tell me what i need to chage in whatever code you give would be good and if i need a certain style picture like jpg, bmp, gif etc.
thanks

Title:
Post by: Red Giant on October 07, 2004, 08:05:16 PM

Warxe asked the same thing.
Go here:  (http://charas-project.net/forum/showthread.php?threadid=6960&forumid=10&catid=5)

Title:
Post by: noda on October 07, 2004, 08:31:31 PM

i see but i don't know javascript like that so i don't know how to put it so my pics work in it. i am working on it from netscape compser so the link ain't hard to do i just don't understand how that is put in the code so i also, like i said, wanted to know what to change on it to work with my pics. thanks.

Title:
Post by: Yellowvanblake on October 07, 2004, 08:51:54 PM

Okay, here's the breakdown of the code:


1.)


make sure you have this in your code this is the basic tag. You can include (optional) the "HREF=" element. If you decide to put in "
Example:
2.)

onmouseover="document.NAME.src='IMAGE'"
onmouseout="document.NAME.src='IMAGE2'">

This comes right after the
The first one is what you want the image to be when your mouse hovers over it, and the second one is the original image.


3.)

WIDTH="X" HEIGHT="Y" BORDER="Z">

This is tha actual image tag. Make sure that every field with the same name is filled with the same content, or the code won't work.  Make sure that your image is set to the desired width and height, because they won't change when the image changes.

That's it. If you don't understand it, then get someone else to explain it to you, I'm not a very good explainer.