תבנית:מפת תמונה/דוגמאות

מתוך ויקיפדיה, האנציקלופדיה החופשית
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.

הקדמה[עריכת קוד מקור]

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

מפות תמונה[עריכת קוד מקור]

לחצו כדי להקטין חזרה
אל"ם אסף שמחוניסגן משה עפרוןסרן דני מטמשה דייןרס"ן אריאל שרוןמאיר הר-ציוןסרן רפאל איתןסגן יעקב יעקבסרן אהרן דוידי
לדף הקובץ
תמונה אינטראקטיבית (לחצו להסבר)‏

אחרי לצנחנים


לחצו כדי להקטין חזרה
עילית העור (אפידרמיס)העור - דרמיסתת-העור (היפודרמיס  סאב קוטן)ורידורידעורקעורקגופיף פצ'יני - איבר חישהגופיף פצ'יני - איבר חישהבלוטת זיעהבלוטת זיעהכלי דםכלי לימפהסיב עצבסיב עצבפטמת השערהפטמת השערהזקיק השערהזקיק השערהבלוטת חֶלֶבבלוטת חֶלֶבשריר מְסָמֵר שערה (erector pili)שריר מְסָמֵר שערה (erector pili)השכבה הבסיסיתהשכבה הקוצית (stratum spinosum)שכבת הנביטה (Stratum germinativum)שכבת הצבען (pigment layer)שכבה מתקרנתשערהנקבובית הזעהשכבה מתקרנתשכבת הנביטה (Stratum germinativum)שערהנקבובית הזעהדרמל פפילהדרמל פפילהקצה עצב תחושתי למגעקצה עצב תחושתי למגעבלוטת זיעה
לדף הקובץ
תמונה אינטראקטיבית (לחצו להסבר)‏

עור האדם


לחצו כדי להקטין חזרה
עצם הבריחזיז החרטוםעצם הזרועראש עצם הזרועשיא הכתףגבול השכםצוואר השכםרצועת החרטום והזרוערצועת הקופסההגיד הדו-ראשירצועת שיא הכתף והבריחרצועת החרטום ושיא הכתףרצועת החרטום והבריחגבשושית קטנהעצם השכם (scapula)