Использование html MouseOver Event - PullRequest
       20

Использование html MouseOver Event

1 голос
/ 01 декабря 2011

У меня очень специфическое требование, и я не эксперт по HTML. Мне нужно создать CHM (скомпилированный HTML-файл), в котором я хочу использовать изображение (один скриншот), в котором части изображения будут связаны с другими разделами в файле справки. Другими словами, я хочу навести курсор мыши на отдельные области на одном скриншоте, чтобы связать его с другими частями файла справки.

Просто для информации: скриншот представляет собой снимок различных кнопок и флажков, которые являются частью приложения.

Я не хочу разбивать одно изображение на несколько изображений, а затем связывать каждое изображение с другой частью файла справки (которая объясняет функцию изображения). Я думаю, что это очень возможно и совсем не проблема.

Если вы можете вкратце объяснить, как это можно сделать, или предоставить ссылку, я был бы признателен.

Ответы [ 5 ]

2 голосов
/ 01 декабря 2011

Вы можете использовать карту изображений для этого.У вас в основном нормальное изображение, а затем размещаете различные невидимые формы поверх изображения.Затем вы можете использовать все формы для парения и щелчка.

С помощью некоторого поиска в Google я нашел это: http://www.htmlcodetutorial.com/images/images_famsupp_220.html

0 голосов
/ 01 декабря 2011

Для этого вам понадобится карта изображений.Если вы хотите немного пофантазировать и иметь ролловер для этого, подумайте об использовании плагина ImageMapster jQuery.

http://www.outsharked.com/imagemapster/examples/usa.html

0 голосов
/ 01 декабря 2011

Разве это не так называемые "карты изображений"?В HTML есть тег с именем <area><map>), который позволяет вам сделать это.

http://www.javascriptkit.com/howto/imagemap.shtml

0 голосов
/ 01 декабря 2011

Попробуйте карту изображений HTML:

Создание карт изображений HTML

0 голосов
/ 01 декабря 2011

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

...