NEED HTML/Java help BADLY! Please help!

[LordMaul]

OK, I give up. I tried this once a while back and gave up then, too. I'm trying to take a picture, break it up into several pieces, and re-assemble them so that when you see it on a webpage, it looks like a regular picture...except for when you hover your mouse pointer over them, they will pop up(or, in my case, the picture will change.)

The first thing that I thought to do was create a series of Hover Buttons and position them so-so, and it will work fine. Right? Nope...I can't figure out how to make them with jagged edges, or even rounded edges! I can't sent one part forwards of backwards like you can with normal pictures, and even if I could, I can't make it so I can freely position the hover buttons! It is treating them like bodies of text and will only let me position them along certain plains, and no with the white edges over each other, etc.

Basically, just imagine something like the AnandTech logo. I would want to be able to hover my mouse pointer over each letter, and when I do this I want the letter to change color(switch picture). How can I do this without having to make each letter/image a square box, not overlapping at any point?! Im thinking this is Javascript which I have NO experience in.

Please help me! This is important!

Thank you!

 

[Czar]

you would have to cut them up in boxes, no way around it.

Make a table and use it to build the image in the cells.

 

[djheater]

Download Fireworks from Macromedia.com part of the turorial walks you through EXACTLY what you want to do. It's a full functioning version that expires in 30 days... plenty of time to make what you want.

 

[b0mbrman]

<< you would have to cut them up in boxes, no way around it.
Make a table and use it to build the image in the cells. >>


Yep, that or get frames to work

 

[notfred]

you can only use rectangular images on webpages, unless you're gonig to use flash or something.

 

[djheater]

Here's an example of a site made using Fireworks

http://www.phoneticontrol.com/

 

[jjones]

as far as i know you cannot do what you're talking about unless you cut the image into rectangular pieces and use a rollover script. if you use plain text and not an image, you can change the text colors with java. the only other way is to use flash.

 

[LordMaul]

<< Here's an example of a site made using Fireworks

http://www.phoneticontrol.com/ >>



Interesting.

Gawd, you people are great. I'm downloading Fireworks as I type this and will try it out. If this doesn't work, I suppose I will use Flash, which REALLY, REALLY isn't what I wanted to use...IMHO, Flash pages are annoying.

 

[djheater]

Let me know if you need pointers... I suck but I might be able to help

 

[jjones]

<< If this doesn't work, I suppose I will use Flash, which REALLY, REALLY isn't what I wanted to use...IMHO, Flash pages are annoying. >>


Don't do the whole page in flash just do the logo or whatever it is you need this effect for. This should integrate well and most people probably won't even recognize it as flash unless they right click on it.

 

[LordMaul]

<<

<< If this doesn't work, I suppose I will use Flash, which REALLY, REALLY isn't what I wanted to use...IMHO, Flash pages are annoying. >>


Don't do the whole page in flash just do the logo or whatever it is you need this effect for. This should integrate well and most people probably won't even recognize it as flash unless they right click on it. >>



Well, this is what I'm trying to do, only I want to do it with rounded edges instead of square. I did the above in Fireworks, and rounded may be possible, too...but I dunno.

 

[LordMaul]

bump