faire de la zone d'image html 'coord' clignotant ou lueur ...

Question

j'essaie de rendre l'image html <area coord tag plus clair pour le spectateur. tout échantillon javascript pour faire ces effet clignotant coordonner ou similaire tant que chaque coord est clair pour le spectateur?

p/s: problème avec la zone pâte < .que pourquoi vous n'avez pas vu plein de mon message.sorry republication

Answer 1

je ne l'ai pas testé ce que je n'ai pas le temps en ce moment, mais vous devrait être en mesure de faire ressortir juste avec CSS, quelque chose comme ceci:

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

Answer 2

Deux slutions: une, superposer une autre image. L'image de superposition est transparente, sauf pour la région que vous voulez mettre en évidence, et avec une opacité suffisamment basse pour toujours voir ce qu'il y a derrière. Et deuxièmement, utilisez l'image réelle comme image d'arrière-plan pour l'image de superposition mentionnée ci-dessus (l'image de superposition doit avoir déjà la zone de superposition translucide au lieu d'utiliser css).

par exemple. (version 1)

<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*/ 
} 

par ex. (Version deux)

<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; 
}