image url

[jwxie518]

so this is my picture going to use, i created it this morning

i want each button (or icon) has its own url
but when the mouse is over one of the icon, it will turn transparency

so far i think i have to ways to do it

either cut the images into 9 pieces of squares, and put them into dreamweaver, and combine them, assign each with a url, and does some css, or simple scripts to make what i want with the mouse over (that's pretty easy)

another way is to do with flash....

i don't know, any other ways?

[Orjan]

I'd cut the picture.
flash isn't that great, as it needs plugins.

[jwxie518]

so i decide to do the first way, use photoshop slice tool to do what i want

now i have a question, generally with javascript
i want the images remain as it is (without going to opacity at all) when mouse is not over at any image.
when the mouse icon is over one of the icon (for example, the first Hm icon), the rest of the icons will turn into opacity.

I am thinking about a simple js, using array, assigning each icon with 1, 2, 3, 4,
but i don't know how to write js and plus, i don't know the scripts for what i need

i know how to write scripts for the other way around, mouseover to turn opacity, that's pretty easier, just use css...but hmmm

[jwxie518]

okay i know how to write css to make image mouseover - no transparency
mouseout, make it opacity

just the js script part

[jwxie518]

never i solved my problem
didn't really do array js
just a combination with css and js

[Brandon W]

This could of done easily in PURE CSS. Glad to see you fixed your own problem