как создать несколько ссылок на изображении с помощью mvc

#html #image #model-view-controller

#HTML #изображение #модель-вид-контроллер

Вопрос:

У меня есть изображение, поэтому при нажатии на верхнюю часть изображения оно должно перейти на определенный URL, а при нажатии на нижнюю часть изображения оно должно перейти на другой веб-сайт, я знаю, как это сделать с помощью тега html area, но я не знаю, как достичь этого в mvc 3. Любая помощь будет высоко оценена.

Отредактировано:

 <img src="/content/images/content/Insurance-Graphic.jpg" alt="Trackday insurance" usemap="#insurancemap" />
        <map name="insurancemap">
          <area shape="rect" coords="0,0,275,140" alt="TrackDay Insurance" href="http://www.competition-car-insurance.co.uk/form_track_day.htm" target="_blank" />
          <area shape="rect" coords="275,140,0,0" alt="Reis Insurance" href="http://www.reis.co.uk" target="_blank" />

        </map>
  

Приведенный выше код работает:)

Ответ №1:

mvc дает вам полный контроль над рендерингом html. вы можете включить свою HTML-область в представление. вы можете передать изображение и URL-адреса для области html в представление с помощью контроллера, когда они являются динамическими.

надеюсь, это поможет