If you do not speak Hebrew
This page demonstrates the Template used in hewiki as a wrapper around Imagemap. The wrapper itself, namely Template:מפת תמונה, allows in-page enlargement of the Imagemap. The rationale is that unlike regular photos, where when you want to view the photo in greater detail you can click the thumb, with Imagemap this will cause losing the interactivity. The wrapper template allows to enlarge the photo and keep the Imagemap capabilities. To view it, press the "לחצו להגדלה" legend that appears below the photos. Once the photo is enlarged, you can press the "לחצו כדי להקטין חזרה" legend to bring it back to the original size. The page also demonstrate the "Imagemap-Highlight" tool. Unfortunately, this tool does not work for Internet Explorer below version 9, but it does work for IE9, and all non-IE browsers. The Imagemap-Highlight tool creates a list of legends for the areas just below the photo, and marks (or "highlights") the areas when the mouse cursor enters the area, or when the mouse hovers above the legend. The enlargement wrapper and the Highlight tool are independent of each other. The enlargement uses the logic in the template itself (see Template:מפת תמונה) and the script Mediawiki:ImgToggle.js. The Imagemap-Highlight uses the script Mediawiki:Imagemap-Highlight.js, and will operate on any Imagemap wrapped in an element with the class "imageMapHighlighter".

הקדמה

אם אתם גולשים בעזרת אינטרנט אקספלורר בגרסה 8 ומטה, התמונות למטה נראות כמו מפת תמונה "רגילה", כמו שמתואר בדף תבנית:מפת תמונה. אם אתם גולשים בעזרת אקספלורר 9, או כל דפדפן שאינו אקספלורר, אתם אמורים לראות מתחת לכל מפת תמונה, רשימה של ה"אזורים החמים". הצפת העכבר מעל אחד האזורים מסמנת אותו, יחד עם כל האזורים האחרים שיש להם אותה כותרת (למשל בתרשים של העור, יש שלושה אזורים שמתאימים לכותרת "בלוטת זעה" - הכיתוב בגוף התרשים ושתי בלוטות זעה בציור). בנוסף, מסומנת גם הכותרת המתאימה. כמובן שכמו בכל מפת-תמונה מופיע גם הרמז (tooltip) ליד מיקום הסמן. הצפת העכבר מעל אחת הכותרות שמתחת לתמונה מסמנת את אותה הכותרת, ובמקביל מסמנת גם את כל האזורים המתאימים לכותרת הזו. גם הכותרות וגם האזורים החמים ממשיכים לתפקד כקישורים, וכמו בכל מפת תמונה, ניתן להגדיל (ולהקטין חזרה) את התמונה בלי לצאת מהדף, ובלי לאבד את תכונות "מפת התמונה" שלה.