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

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

Όπως και στο προηγούμενο παράδειγμα, ανοίγουμε τη φωτογραφία από ένα πρόγραμμα γραφικών και βλέπουμε ποιες είναι οι συντεταγμένες του κέντρου του κύκλου. Αυτή τη φορά όμως κοιτούμε το γραφικό σε αρκετά μεγάλη μεγέθυνση (zoom) ώστε να μετρήσουμε πόσα pixels θέλουμε να είναι η ακτίνα του κύκλου (μπορεί να γίνει και με υπολογισμό της απόστασης μεταξύ δύο συντεταγμένων, του κέντρου και ενός σημείου της περιφέρειας, αλλά είναι πολύ πιο εύκολο αν μπορούμε να έχουμε μια μεγεθυμένη κάτοψη όπως πλάι).

Στο παράδειγμά μας θέλουμε ο κύκλος να είναι αρκετά μεγάλος για να περιλαμβάνει τα Ψαρά, τα Αντίψαρα και ένα αρκετά μεγάλο μέρος της γύρω περιοχής για να είναι εύκολη η επιλογή από το χρήστη. Αποφασίσαμε λοιπόν πως η διάμετρος του κύκλου που χρειαζόμαστε είναι 16 pixels, άρα η ακτίνα του θα είναι 8.

’ρα η οδηγία area shape για τα Ψαρά θα είναι:

<area shape="circle" coords="23,41,8" href="το URL που θέλουμε να παραπέμπεται όποιος κάνει κλικ στο μέρος αυτό"> 

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

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

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