Charas-Project

  • Home
  • Help
  • Search
  • Calendar
  • Login
  • Register
*
Please login or register.

Login with username, password and session length
 

News:

New forum theme up and running!



  • Charas-Project »
  • Off-Topic »
  • Archive »
  • Really Old Stuff »
  • HTML & DHTML (Moderator: De KoFfieŠ) »
  • image chageing link
« previous next »
  • Print
Pages: [1]

Author Topic: image chageing link  (Read 3391 times)

Offline noda

  • Member
  • Initiate
  • *
  • Posts: 20
image chageing link
« 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
Logged

Offline Red Giant

  • Leader
  • *
  • Posts: 2,608
  • The best damn bio in the whole damn world. YEAH!!
(No subject)
« Reply #1 on: October 07, 2004, 08:05:16 PM »
Warxe asked the same thing.
Go here:
Logged

Offline noda

  • Member
  • Initiate
  • *
  • Posts: 20
(No subject)
« Reply #2 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.
Logged

Offline Yellowvanblake

  • Associate
  • *
  • Posts: 121
(No subject)
« Reply #3 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.
Logged

  • Print
Pages: [1]
« previous next »
  • Charas-Project »
  • Off-Topic »
  • Archive »
  • Really Old Stuff »
  • HTML & DHTML (Moderator: De KoFfieŠ) »
  • image chageing link
 

  • SMF 2.0.10 | SMF © 2015, Simple Machines
  • XHTML
  • 2O11
  • RSS
  • WAP2
  • Simple Machines Forum