I don’t know a whole bunch about image maps but the little i do know says that you are suppose to have coordinates for the links.
like described in this tutorial. the other thing you can do is google image maps. I found 33,400,000 results using this query – how to make an image map http://www.htmlcodetutorial.com/images/ … p_220.html
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!
Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".