сделать так, чтобы область изображения html «координата» мигала или горела… - PullRequest
Новая
       9

сделать так, чтобы область изображения html «координата» мигала или горела…

0 голосов
/ 01 июня 2009

Я пытаюсь сделать HTML-изображение <area coord tag более понятным для зрителя. какой-нибудь пример javascript для создания эффекта мерцания координат или аналогичного, если его координаты понятны для зрителя?

p / s: проблема с вставкой <область. Вот почему вы не видите полный текст моего сообщения.

Ответы [ 2 ]

1 голос
/ 01 июня 2009

Два решения: одно, наложение другого изображения. Наложенное изображение будет прозрачным, за исключением области, которую вы хотите выделить, и с непрозрачностью, установленной на достаточно низком уровне, чтобы все еще видеть, что находится за ним. И во-вторых, используйте реальное изображение в качестве фонового изображения для вышеупомянутого «наложенного» изображения (наложенное изображение должно иметь область наложения уже полупрозрачной вместо использования css).

например. (первая версия) 

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

например. (вторая версия) 

<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;
}
1 голос
/ 01 июня 2009

Я не проверял это, так как сейчас у меня нет времени, но вы должны быть в состоянии выделить его только с помощью CSS, примерно так: 

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