2013-12-18 2 views
1

Я использовал HTML map и area теги, чтобы создать точку доступа прямоугольника в изображении. Теперь я пытаюсь посмотреть, где находится горячая точка на изображении при загрузке страницы. Как я могу сделать область hotspot видимой в HTML? Требуется ли использование CSS или JQuery, или что такое правильный подход?Сделайте область hotspot видимой в html

<div id="container1" class="container" style="background: #CFCFCF"> 
    <img id="1" usemap = "mymap" src="http://www.goodhousekeeping.com/cm/goodhousekeeping/images/ue/ghk-dogs-Australian-Shepherd-mdn.jpg" /> 
</div> 

<div id="container2" class="container" style="float:right;background: #FFFFFF"> 
    <img id="2" usemap = "mymap" src="http://www.goodhousekeeping.com/cm/goodhousekeeping/images/ue/ghk-dogs-Australian-Shepherd-mdn.jpg" /> 
</div> 

<div id="container3" class="container" style="background: #CFCFCF"> 
    <img id="3" usemap = "mymap" src="http://www.goodhousekeeping.com/cm/goodhousekeeping/images/ue/ghk-dogs-Australian-Shepherd-mdn.jpg" /> 
</div> 

<map name="mymap" id="mymap" "> 
    <area id="m1" shape="rect" coords="87,355,130,392" href="http://www.google.com" target="_blank" />    
</map>  
+0

Пожалуйста, О.П., добавить небольшой фрагмент кода на свой пост, показывая, как вы реализовали точки доступа, а также то, что вы пытались до сих пор, чтобы изменить видимость. – Rubens

+1

Комментарии @Rubens не должны добавляться к вопросу. – Omar

+0

@Omar Ах, спасибо за указание! Я просто оставлю их там, где они будут в следующий раз. – Rubens

ответ

0

Прости меня, если я констатирую очевидное, но при условии, что вы всегда хотели, чтобы это было видно, почему бы не просто изменить реальное изображение?

Alternativley, есть предложение здесь, которые могут помочь: Visible Area tag?

Смежные вопросы