J
J. Makela
Hallo.
This should be a pretty entertaining question for you *real* javascript
writers.. I, being the lowly photoshop guy at an ad agency made the
mistake of actually saying "HTML" in a conversation once.. and now I
have been tasked with building a big website with LOTS of fancy
javascripting. Image rollovers mostly. Only problem is that I don't
really know how to do it. Of course, that's of no consequence so I have
to do it anyway. I've done simple mouseovers, but only for navigation
and stuff. Swapping out the actual image being moused over is relatively
easy.
But, one of the things I need to figure out is how to change 1 image
into 3 or 4 *different* images when OTHER parts of OTHER images are
moused over. It's very similar to a normal mouseover, except for the
fact that the image being moused over isn't the one changing. A
completely different picture at the bottom of the page needs to change.
Say there are 3 product names on the page (in an image, not copy or
text, so it'd be like an imagemap-type link). There is also a box at the
bottom that shows product 1 at the moment. But, when "Product 2" is
moused over in the main image, the box at the bottom has to change to
show Product 2. Same thing with Product 3. Is that even possible? I know
I've seen it before, but I don't know if it's javascripting that was
responsible. Is there a better CSS solution? Or was it built in Flash
and I'm in even more trouble than I think I am?
Second issue is an image mouseover that changes the color of *text* on
the page. They roll the pointer over a certain part of an image, and the
pertinent explanatory text *next* to the image needs to change color, as
well as having that particular part of the image change as well. Say I
slice a television JPG into 2 parts.. when you mouseover the screen, it
changes color AND some text to the right changes color to red. Doable
with a sliced-up image probably, but is it doable with actual text/copy?
The images/copy I've been given don't lend themselves to a simple image
rollover.
I know this is a pretty stupid post and I have no business meddling with
powers I don't understand.. the thing I need to know most is if this
stuff is even *possible*.. all the sample code I've found so far can
change text and images, but only the text and images being moused over..
I haven't found anything yet that can change one *separate* image into 3
different images based on mouseovers or change text colors based on an
image mouseover.
Any clues? Hints? Where to start (aside from jumping off a tall
buliding)? Kinda at the end of my rope here and was hoping somebody
could point me in the right direction. Thanks very much for any help you
guys can give, it is appreciated.
*heavy sigh*
J
This should be a pretty entertaining question for you *real* javascript
writers.. I, being the lowly photoshop guy at an ad agency made the
mistake of actually saying "HTML" in a conversation once.. and now I
have been tasked with building a big website with LOTS of fancy
javascripting. Image rollovers mostly. Only problem is that I don't
really know how to do it. Of course, that's of no consequence so I have
to do it anyway. I've done simple mouseovers, but only for navigation
and stuff. Swapping out the actual image being moused over is relatively
easy.
But, one of the things I need to figure out is how to change 1 image
into 3 or 4 *different* images when OTHER parts of OTHER images are
moused over. It's very similar to a normal mouseover, except for the
fact that the image being moused over isn't the one changing. A
completely different picture at the bottom of the page needs to change.
Say there are 3 product names on the page (in an image, not copy or
text, so it'd be like an imagemap-type link). There is also a box at the
bottom that shows product 1 at the moment. But, when "Product 2" is
moused over in the main image, the box at the bottom has to change to
show Product 2. Same thing with Product 3. Is that even possible? I know
I've seen it before, but I don't know if it's javascripting that was
responsible. Is there a better CSS solution? Or was it built in Flash
and I'm in even more trouble than I think I am?
Second issue is an image mouseover that changes the color of *text* on
the page. They roll the pointer over a certain part of an image, and the
pertinent explanatory text *next* to the image needs to change color, as
well as having that particular part of the image change as well. Say I
slice a television JPG into 2 parts.. when you mouseover the screen, it
changes color AND some text to the right changes color to red. Doable
with a sliced-up image probably, but is it doable with actual text/copy?
The images/copy I've been given don't lend themselves to a simple image
rollover.
I know this is a pretty stupid post and I have no business meddling with
powers I don't understand.. the thing I need to know most is if this
stuff is even *possible*.. all the sample code I've found so far can
change text and images, but only the text and images being moused over..
I haven't found anything yet that can change one *separate* image into 3
different images based on mouseovers or change text colors based on an
image mouseover.
Any clues? Hints? Where to start (aside from jumping off a tall
buliding)? Kinda at the end of my rope here and was hoping somebody
could point me in the right direction. Thanks very much for any help you
guys can give, it is appreciated.
*heavy sigh*
J