תמונה ממפה CoffeeCup מאפשר לכם להגדיר קישורים מרובים (או נקודות חמות) למיקומים ספציפיים של תמונה ולהצביע להם מסמך או אתר אינטרנט. יצירת טקסט עם העכבר, ALT טקסט, קישורים ועוד. תומך JPG, PNG, ופורמטים של תמונות GIF!
אז איך זה עובד? נניח שאתה מוכר רהיטים עם כמה חתיכות תופס. להציג את הפריטים בתמונה. לאחר מכן באמצעות כלי העיצוב, לצייר קווי המתאר על פריט ספציפי ולהקצות לו כתובת אתר. עכשיו כאשר מישהו לוחץ על רהיט, הם מנותבים לדף האינטרנט הקשורים אליו לקבלת מידע נוספת.
החל באותה הטכניקה לסוגים אחרים של תמונות כמו מפות, תמונות צוות ארגוניות, תרשים זרימה, גלריות לאמנות ועוד. ימין די מדהים? :)
מפות תמונת Responsive הם ידידותי למשתמשים ניידים
עם מעל 51% מתנועה מגיעים מהתקנים ניידים, זה חשוב לך לעדכן את מפות התמונה שלך להיות קשוב. זה גורם להם קל יותר, מהיר יותר, ויותר פונקציונלי לניווט עבור צופים במסכים קטנים יותר. מפות תמונה שמגיבות יתאים קישור קואורדינטות מבוססות כראוי על רוחב התצוגה. עם זאת, דבר אחד שכדאי לזכור הוא שהתקנים ניידים אינם מאפשרים לmouseovers או תיאורי כלים בריחוף / מעבר עכבר. בגלל זה, יהיה עליך באופן יצירתי לחשוב מחדש איך מפת התמונה שלך עובדת כל כך המשתמשים באופן אינסטינקטיבי תדעו איך להשתמש בו.
איך אתה יכול לעשות את זה? קַל. הפוך מפת התמונה שלך פונקציונלית יותר במכשירים ניידים על ידי הצגה "מפתח" o "אגדה" ליד המפה (או אפילו להוסיף אותו לתמונה עצמה) שמציינת טקסטואלית מה שהם יכולים לגעת ב. לדוגמא, כאן הוא קטלוג הריהוט שידגיש כמה רהיטים למכירה בקטלוג. אנו ממוקמים טקסט מתחת לתמונה כדי לתאר את פריטי 8. מדד נוסף יושם גם לתמונת המקור. עזרים אלה לעזור לצופים ניידים יודעים מה הוא מגע. על ידי נגיעה כל הפריטים האלה, אתה תהיה מחדש תופנה לדף שבו אתה יכול עם לעיין בקטלוג פריטים דומים.
דרישות :
IE 9 או
גבוהמגבלות :
פונקציונלי מוגבל
תגובות לא נמצא