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

An ImageMap is a reference-sensitive graphic or frame. You can click on defined areas of the graphic or frame to go to a target (URL), which is linked with the area. The reference areas, along with the linked URLs and corresponding text displayed when resting the mouse pointer on these areas, are defined in the 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.

When saving the ImageMap, select the file type SIP - StarView ImageMap. This saves the ImageMap directly in a format which can be applied to every active picture or frame in your document. However, if you just want to use the ImageMap on the current picture or frame, you do not have to save it in any special format. After defining the regions, simply click Apply. Nothing more is necessary. Client Side ImageMaps saved in HTML format are inserted directly into the page in HTML code.