Карта на изображения в HTML
Здравейте на всички. С теб Bernatsky Андрю.
В този урок ще говорим за това как да се създаде графични карти в HTML.
Карта образ - е всяко изображение може да бъде една картина, която има няколко активни зони.
Например, когато щракнете с мишката върху активната зона отидете на URL. Ако седите в vkontakte.ru, там е пример за изображение на картата - е, когато в една снимка, и когато задържите курсора на мишката върху един човек, отбелязани на снимка, показваща му име и фамилия, и прехода към страницата, на този човек с кликване на мишката.
HTML5 и CSS3 практика от нула до резултата!
Това се прави, всичко е достатъчно проста. Вземете всяка снимка с приятелите си. По-добре е да го вмъкнете в собствения си блок
Взех една снимка например.
Документ за самоличност на Разделение е уточнен, за да можем да възлага друга, която ще трябва отстъп или. Аз съм в моя пример, аз няма да питам нещо.
Основният параметър, в тага IMG в този случай - е usemap = "# IMG навигатора". Той посочва на картата с каквото име говорим.
След това създайте самото изображение на картата. Tag създава карта
Хайде да отидем в ред.
Следваща таг - той казва, че в момента се прави разлика ядрото.
Параметър форма таг - показва какъв тип е нашата област. Всъщност, каква ще бъде нашата област, показва стойността на параметъра форма:
HTML5 и CSS3 практика от нула до резултата!
на правоъгълник - това показва, че районът ще бъде под формата на правоъгълник.
поли - произволен многоъгълник.
кръг - област ще бъде кръг.
параметър Coords съдържа координатите на нашия район.
Ако форма = "на правоъгълник". показва координатите на горния ляв ъгъл и долния десен ъгъл. Това означава, че първата двойка числа, указващи в горния ляв ъгъл, а втората двойка числа - в долния десен ъгъл.
Ако форма = "поли". показва координатите на всеки полигон връх. форма = "поли" coords = "80,100,150,100,210,40,300,40,300,110" в този случай, координатите на първия връх ще бъде 80,100, 150,100 секунди, трети - 210.40, четвърти - 300.40, пети - 300,110.
Ако форма = "кръг". Ние се посочат координатите на центъра и радиуса. форма = "кръг" coords = "300300100" са координатите на центъра и радиуса на 100 300,300.
заглавие = ALT "Андрей" = "Андрей" известни настройки. Няма да се спирам на тях.
Пълният код е както следва:
Сега, когато се кликне върху изображението, за мен, ще премине в www.webformyself.com.
Ако имате нужда от няколко активни зони, а след това просто да се добавят нови етикети
и да ги опише като се наложи.
На този въпрос е посветена на създаването на графични карти в HTML, пълна.
Ще се видим в следващите уроци.
HTML5 и CSS3 практика от нула до резултата!
Най-IT новини и уеб разработки на нашия канал Телеграма
