make html image area ‘coord’ blinking or glow …

Question

i trying to make html image <area coord tag more clear to viewer. any javascript sample to make those coordinate blinking effect or similar as long as it each coord is clear to viewer?

p/s: problem with paste < area .that why you didn't see the full of my message.sorry repost

Answer 1

i haven't tested this as i don't have time right now but you should be able to make it stand out just with CSS, something like this:

area {
    filter:Glow(color=#00FF00,strength=4);
    text-decoration: blink;
}

Answer 2

Two slutions: one, overlay another image. The overlay image would be transparent except for the region you want to highlight, and with opacity set low enough to still see what is behind it. And two, use the real image as the background image to the aforementioned 'overlay' image (the overlay image must have the overlay region already be translucent instead of using css).

e.g. (version one)

<span class='image_container'>
    <img id='base_image' src='base.png' >
    <img id='overlay_image' src='overlayimage.png' usemap='#yourmaphere'>
    <map name='yourmaphere'>
    ...
    </map>
</span>

.image_container {
    position:relative;
}

#overlay_image {
    position:absolute;
    top:0;
    left:0;
    opacity:0.5;
    filter: alpha(opacity = 50);
    /* text-decoration: blink; */ /*optional*/
}

e.g. (version two)

<img id='base_image' src='overlayimage.png' usemap='#yourmaphere'>
<map name='yourmaphere'>
...
</map>

#base_image {
    background: transparent url(base.png) no-repeat scroll top left;
}

Answer 3

i did my reading

MNS, image maps don't use anchor elements, they use area elements.

is a non-visual element, so they can't receive any styling.

so answer 1will not work !

ref:http://www.codingforums.com/archive/index.php/t-26808.html

but i really like technique 1, anyone know how to make it work?