Παράδειγμα δημιουργίας μιας πολυγωνικής παραπομπής σε ένα image map

Ας υποθέσουμε πως θέλουμε να εργαστούμε με αυτή την εικόνα του ανατολικού Αιγαίου:
[Ανατολικό Αιγαίο]


H πρώτη μας δουλειά είναι να καθορίσουμε το μέρος της που θέλουμε να γίνει παραπομπή. Στο παράδειγμά μας θελουμε η Ικαρία να γίνει παραπομπή που θα μας οδηγεί κάπου αλλού (π.χ. σε μια σελίδα με πληροφορίες). Αποφασίσαμε πως ο ενεργός χώρος (που θα μας οδηγεί σε μια άλλη σελίδα όταν κάνουμε κλικ) θα οριοθετείται από ένα πολύγωνο. [Ανατολικό Αιγαίο]


Όπως και στο παράδειγμα του ορθογώνιου παραλληλόγραμμου, ανοίγουμε τη φωτογραφία από ένα πρόγραμμα γραφικών και βλέπουμε ποιες είναι οι συντεταγμένες κάθε μιας από τις κορυφές του πολυγώνου. [Ανατολικό Αιγαίο]

Αφού βρούμε τις συντεταγμένες των κορυφών, τις βάζουμε με τη σειρά (κατά προτίμηση κατά τη φορά των δεικτών του ρολογιού). Έτσι η οδηγία area shape για την Ικαρία θα είναι:

<area shape="poly" coords="50,158 79,130 104,140 92,162 57,169" href="το URL που θέλουμε να παραπέμπεται όποιος κάνει κλικ στο μέρος αυτό"> 

Γιώργος Επιτήδειος © 2005


Επιστροφή στις οδηγίες κατασκευής image maps

Επιστροφή στον Οδηγό Κατασκευής Web Σελίδων