Adding Clickable Hotspots to Images

An ImageMap allows you to attach URLs to specific areas, called hotspots, on a picture in your document. An image map is a group of one or more hotspots.

You can draw three types of hotspots: rectangles, ellipses, and polygons. When you click a hotspot, the URL is opened in the browser window or frame that you specify. You can also specify the text that appears when your mouse rests on the hotspot.

To add a clickable hotspot to an image

  1. Position the cursor where you want the ImageMap in your document.

  2. Choose Insert - Image, select and insert a bitmap image.

  3. With the image selected, choose Edit - ImageMap in Writer and Calc or Tools - ImageMap in Impress and Draw. You see the ImageMap Editor, which displays the image at the background.

  4. Use the icons in the ImageMap Editor to draw a hotspot shape, for example a rectangle, over the image at the background.

    You can see an extended help text on the functions of each icon when you enable Extended Help in - LibreOffice - General.

  5. Enter the "Address" URL that will be shown in a Web browser when the user clicks the hotspot.

  6. Optionally, enter the "Text" that will be shown as a tip when the user points the mouse to the hotspot.

  7. Click the Apply button to apply your changes, and close the ImageMap Editor.

  8. Save the document in the LibreOffice or HTML format.

You may save the ImageMap as a file and upload that file to a Web server, for example.

BildoMapo

ImageMap estas referencdistinga grafikaĵo aŭ kadro. Vi povas alklaki sur difinitaj zonoj de la grafikaĵo aŭ kadro por iri al celata (URL), kiu estas ligita al la zono. La referencaj zonoj, kun la ligitaj URL-oj kaj rilata teksto vidigata kiam la musmontrilo ŝvebas super tiuj zonoj, estas agorditaj en la ImageMap Editor.

Ekzistas du tipoj de BildoMapoj. Klientflanka bildomapo kalkuliĝas en la klienta komputilo, kiu ŝargis la grafikaĵon el la Interreto, dum servilflanka bildomapo kalkuliĝas en la servila komputilo, kiu provizas la HTML-paĝon en la Interreto. En servila kalkulado, alklaki bildomapon sendas la relativajn koordinatojn de la kursoro en la bildo al la servilo, kaj speciala servila programo respondas. En klientflanka kalkulado, alklaki difinitan retkaptejon de la bildomapo aktivigas la URL-on, kvazaŭ ĝi estus normala teksta ligilo. La URL aperas sub la musmontrilo kiam ĝi pasas trans la bildomapo.

Ĉar bildomapoj estas konserveblaj diversmaniere, ili estas konserveblaj en diversaj formatoj.

Bildomapaj formatoj

BildoMapoj estas duspecaj: tiuj analizataj de la servilo (t.e. via interreta provizanto) kaj tiuj analizataj de la TTT-legilo de la komputilo de la leganto.

Servilflankaj bildomapoj

Servilflanka bildomapo aspektas por la leganto kiel bildo aŭ kadro en la paĝo. Alklaku ĉe la bildomapo per la muso, kaj la koordinatoj de la relativa pozicio sendiĝas al la servilo. Per aparta programo, la servilo kalkulas la sekvan paŝon farotan. Ekzistas pluraj nekongruaj metodoj por agordi tiun proceson, la du plej oftaj estas:

LibreOffice kreas bildomapojn por ambaŭ metodoj. Elektu la formaton el la listo Dosiertipo en la dialogo Konservi kiel en la BildoMapa Redaktilo. Apartaj mapaj dosieroj kreiĝas, kiujn vi devas transigi al la servilo. Necesas peti al via provizanto aŭ reta administranto kiaj tipoj de bildomapoj estas subtenataj de la servilo kaj kiel aliri la kalkulan programon.

Klientflanka BildoMapo

La zonon de la bildo aŭ kadro kie leganto povas alklaki indikas la aspekto de la ligita URL kiam la musmontrilo pasas sur la zono. La BildoMapo estas konservebla en tavolo sub la bildo kaj enhavas informon pri la referencitaj zonoj. La sola malavantago de klientflankaj bildomapoj estas ke plimalnovaj TTT-legiloj ne povas legi ilin; tiu malavantaĝo solviĝos eventuale.

Kiam vi konservas je la ImageMap, elektu la tipon de dosiero SIP - StarView ImageMap. Tio rekte konservas je la ImageMap en formato kiujn vi povas apliki al ĉiu aktiva bildo aŭ kadro en via dokumento. Se vi volas nur uzi je la ImageMap en la aktuala bildo aŭ kadro, vi ne devas konservi ĝin en ajna speciala formato. Agordinte la zonojn, simple alklaku al Apliki. Nenion pli. ImageMap konservita ĉe la kliento en formato HTML rekte enmetiĝas en la paĝon en HTML-kodo.

Bonvolu subteni nin!