2010-11-10 11 views
1

У меня есть .JPEG-изображение, и я хотел бы иметь его как фоновое изображение. Возможно ли, на этой картинке, отдельные области действовать как кнопки без использования кнопки управления?Доступные для просмотра области в формате .JPEG-picture?

Скажем, моя фотография содержит три буквы, A, B и C. Возможно ли создать какую-либо область, окружающую каждую букву, которая позволяет пользователю щелкнуть букву B и тем самым ответить определенным образом (например, нарисовать какой-то текст в другой области картины)?

ответ

3

Существует множество способов, многие из которых включают кнопки. Например, вы можете использовать кнопки управления стилями, которые содержат не более прозрачного прямоугольника в шаблоне управления и, таким образом, невидимы, но все же ведут себя как кнопки. Или, может быть, обрабатывать события более низкого уровня, такие как MouseLeftButtonDown на изображении, и определять положение мыши при возникновении события. Действительно ... много способов. Все зависит от точных требований, от того, как настраиваемое решение должно быть, как гибко ... и т. Д.

+0

+1, но «MouseLeftButtonDown на изображении и обнаружение положения мыши при возникновении события» обычно называют испытанием на удар. –

+0

+1 В любом случае, в конечном итоге с кнопками. – Daniel

+0

@Paul: тестирование hit имеет гораздо более общий смысл в Silverlight, поэтому я пытался избежать этого. Если вы хотите получить техническую информацию, это будет проверять карту изображения, но я согласен, что я склонен быть немного длинным: P Кроме того, преимущества этого подхода, забытые упоминать, состоят в том, что вы можете загрузить карту тестовых тестов (регионов с различным поведением) из файлов конфигурации или служб, то есть он будет гибким для будущих изменений или для разных/динамических изображений. –

0

Один из способов сделать это, используя теги <map> и <area>. See here

Другой способ определить некоторые <a> теги, а затем расположить их (без фонового изображения или текста) над районами вы хотите интерактивными, но <map> должен работать безупречно в этом случае.

+0

+1 Ха-ха ... Ну, это довольно очевидно, что я еще не был веб-программированием. Благодаря! – Daniel