2013-09-28 2 views
0

У меня есть эта проблема со связанными изображениями. Я хотел бы узнать, есть ли у кого-то решение моей проблемы. Я создал несколько изображений и разместил их в правильном порядке изображения. Я связал изображение с всплывающим окном, чтобы всплыло резюме.link image on the exact "border" of image

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

Чтобы посмотреть, что я хочу сказать: http://oege.ie.hva.nl/~gruijsl001/equityestate/team.html.

ответ

0

попробовать что-то вроде этого

объединить отдельные изображения в один файл и использовать Тег области http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap

+0

Спасибо, что ответили на мой вопрос. Могу ли я связать это с плагином fancybox? Как будет выглядеть тег области? – luukgruijs

+0

Я никогда не пробовал это, но, по моему мнению, это сработает. Попробуй написать код. Если у меня проблема, я здесь. –

+0

Я попробовал, и это сработало. Большое спасибо за Вашу помощь. – luukgruijs

1

объединить отдельные изображения в один файл и использовать изображения карты

1

-use отображение изображения концепция.

<map name="mymap"> 
<area shape="rectangle" coords="39,31,166,109" href="abc.html"> 
<area shape="rectangle" coords="188,4,230,126" href="cdf.html"> 
</map> 

-map изображения в соответствии с требованиями, а также использовать ISMAP или usemap атрибут тега IMG.