onclick swap image

G

Guest

I want to assign "onclick swapImage" to an image map which is all on one
graphic.
The swapImage destination is on the same page as the graphic containing the
image map. Help please!
 
T

Thomas A. Rowe

Are you wanting to swap the entire image or just a specific section of the image? If the entire
image then it should work, if a section, you will need to cut the current image into sections.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
A

Andrew Murray

you can't do that, because you would be applying the image-swap to the whole
picture, not just a slice (i.e. the bit covered by a "hotspot"

You need to make a "normal" and "over" version of the picture (using layers
such as in PHotoshop) then slice each exactly the same way and have the
program export the picture in slices along with the html code to reassemble
the image in a browser. (e.g. slice tool in Photoshop, which I believe can
make rollovers as well - generates the code)

Anyway, two versions of the image; sliced into sections. Reassemble the
image in a table (your image editor *May* be able to export the image as a
html table and slice it for you).

Then slice up the "over" version, in the same manner, then apply a hyperlink
and the rollover behaviour to the "slices" you want, and choose the
equivalent "over" image for each slice. From a viewers perspective, it
looks like a whole image; and when they rollover the sections you've set,
the image will change to the "over" state.

The idea of using the layers feature is so you can draw the "slices" and get
them precisely the same for the 'normal' and 'over' images, so they don't
jump around because they are out of alignment (hard to explain really).

There are programs that can do this more automatically - photoshop (adobe)
and fireworks (macromedia) are two, but there should be free or shareware
tools around for the same purpose.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top