Forum Moderators: not2easy
I have some Images of Paintings and I have a "Legend" for each Painting, which is a Black & White Image full of the raw bits that the Painting was based on.
What I would like to do is display the Painting image next to the Legend Image and when you move your cursor over a certain area of the Legend image, a little message window pops up that describes what you are pointing at.
Flickr galleries have the sort of "look and feel" feature that I'm trying to accomplish, there are small pre-defined areas that you can rollover for more info.
Each "Legend" image has 6-10 separate elements on it.
There are only 8 images total that need this done, its not for commercial site.
I don't know if this should be done with Javascript or if I should make a Flash movie out of it (I don't do Flash...yet)
Currently the page is laid out like this:
Painting image on Left
Legend Image on Right with Numbers on parts of it.
Legend Text below everything and you have to scroll down to see what number on the legend image corresponds to the legend text.
yeech.
I'd like to make it a little cleaner and more interactive, but as unobtrusive as possible.
suggestions?
especially looking for javascript samples to use, I've found a couple already but they are kind of clunky looking.
