שלח תשובה

זירת השאלות

461
צפיות
7
תשובות

מפת קישור בתמונה עם גודל יחסי

,‏ 29 ביולי, 2006

יש אפשרות להשתמש בתמונה שהגודל שלה באחוזים עם מפת קישור? הקורדינאטות של המפה (כמו שאני מכיר אותה) הם קבועות, ולכן כשהתמונה משנה גודל השטח שמוגדר כקישור למעשה זז הצידה (או ליתר דיוק, השטח נשאר במקום, התמונה זזה ממנו), ניתן למנוע את זה?

תגיות:

7 תשובות

  1. gilad123 הגיב:

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

    לפעמים כשעושים רענון (לא משנה באיזה גודל) התא הזה לוקח רווח של פיקסל אחד מהשכן שמשמאל (כלומר זז ימינה), רענון נוסף מסדר את זה. זה קורה אקראית כל מספר רענונים

    מכיון שתא זה הוא חלק מתמונה גדולה זה ממש משגע,
    כמובן זה קורה רק באקספלורר, זו תופעה מוכרת? יש מה לעשות נגד זה?

  2. gilad123 הגיב:

    עקפתי את המוזרות
    לתא היה

    style="position: relative"

    למיטב הבנתי זה לא אמור לשנות כלום אבל כשהורדתי את זה המוזרות עברה

  3. gilad123 הגיב:

    AJAX בתמונות, מה דעתכם?
    אני עובד עכשיו עלך אתר גרפי שצריך להתאים לרזולוציות שונות, ניסיתי רעיון שעלה והוא עובד, אבל נראה שהוא עושה דברים הפוך מהדרך המקובלת אז רציתי לשמוע דעה של עוד אנשים, זה תרגיל מוכר? כדאי לעבוד ככה?
    אז ככה:
    הדף ניטען עם כל האוביקטים של התמונות ריקות, כלומר ללא מאפיין src, לכל התמונות הופסתי מאפיין name שמכיל את שם הקובץ שלו (מה שאמור להיות ב src)

    <img id="img_Button_KnisaLemurshim" name="Button_KnisaLemurshim_my.gif" />

    ל body מוגדר אירוע onload שמפנה לפונקציה הבאה


    function setSize()
            { var size = screen.height  //מציאת הרזולוציה
              var img = document.getElementsByTagName('img') //מערך של כל התמונות
              var i, path
              if (size<760){path = '800images/';}
              else if (size > 770) {path = '1280images/';}
              else {path = '1024images/';};
                
              document.body.style.backgroundImage='url('+path+'Bg_Vertical_Long_my.jpg)';//קובע את תמונת הרקע

              for (i in img) {img[i].src = path + img[i].name};//קובע את ה src של כל התמונות בהתבסס על name עם תוספת הספריה הרלונטית
                
              document.getElementById('div_all').style.visibility = 'visible';
              }

    את התמונות מיקמתי בשלוש ספריות: 800images, 1024images, 1280images כאשר כל תמונה מופיעה בכל ספריה באותו שם רק בגודל שונה.
    למעשה מה שקורה זה שהדף  נטען כולו ללא אף תמונה (הכל ממוקם בתוך DIV עם visibility:hidden) ואז מושך מהשרת את התמונות המתאימות לו, למעשה ה div הופך להיות נראה לפני שכל התמונות גומרות לרדת כך שכן רואים את הדף נבנה (אם למישהו יש פיתרון לזה אני אשמח לשמוע)
    דבר נוסף, הסייר (גם אקספלורר וגם פירפוקס) לא מוכנים להתשמש באותה תמונה פעמיים, לא ברור לי למה.
    זהו בקיצור, מה דעתכם?

  4. aviadfe הגיב:

    אז דעתי היא…
    1. לא הבנתי מה הקשר בין מה עשית ל-AJAX. כנראה שאתה לא יודע מה זה AJAX.

    2. מה רע במה שעשית באמת? כל הרעיון בתכנות ופיתוח, לחשוב חכם ונבון, ולהיות יצירתי. היית יצירתי? עובד לך? סבבה. אתה לא צריך אישורים של אחרים.

  5. gilad123 הגיב:

    הקשר ל AJAX
    1. הקשר ל AJAX זה טעינת חלק מהדף בלי לרענן את כל הדף, אני לא משתמש ב XML ולא באוביקט של בקשה אסינכרונית. בשביל מה שאני רוצה לא צריך אותם (לא בדף הזה…). בזה מתחיל ונגמר הקשר ל AJAX
    2. תודה

  6. aviadfe הגיב:

    AJAX
    ידידי היקר.

    לשיטתך, כל DHTML הוא לכאורה AJAX. לא עשית שום תקשורת עם השרת דרך ה- JS שכתבת.

    בסה"כ עשית שימוש בDHTML עם JS.

    דבר שני, גם לו היית משתמש באובייקטים כלשהם בתוך JAVASCRIPT (וגם זה לא פשוט כל כך בצורה שAJAX עושה זאת), זה עדיין לא AJAX. כפי שכתבת, AJAX משלב כמה יכולות ביחד, בשיטת פיתוח מסויימת.

    בברכה
    אביעד

  7. gilad123 הגיב:

    ביקשתי מהשרת תמונה וקיבלתי
    בקשת התמונה היתה אחרי שהדף גמר להיטען, הסייר מבקש רק את התמונה ומכניס אותה לדף הקיים בלי לרענן אותו

    באותה השיטה ניתן לממש גלריה של תמונות בלי לרענן את הדף, משנים את ה SRC של התמונה, התמונה נטענת בלי רענון של הדף

    DHTML רגיל הוא רק בצד לקוח

שלח תשובה