The coords are detailed in an html map tag. I didn’t include them because I need to assign the usemap attribute to the image before it can see them.
Normally you do a image map like this:
That’s off the top of my head so the syntax may be off but that’s basically the standard way.
But I can’t use the <img> statement in that example. I need to define the image in a CSS image replacement (ie- background-image: url(‘images/imagename.gif’);) so I have no way to assign the usemap attribute.
I’m hoping to use a DOM statement to attach it but I have never used DOM before. I’m guessing at syntax and can’t find an example that assigns it by name instead of by id.
I could assign an id to the A tag in question but then the DOM statement would attempt to attach the usemap attribute to the A tag instead of to the image.
What I’m trying to accomplish through all this is to modify the garage door technique to work off of an image map instead of a single link. That way the image behind the panel can have different areas of the image assigned to different links. If I can get it working, it should be a very interesting effect!