הנך נמצא: מדריך מתקדם / שיעור 4 / דף 3
 


המדריך של תאו ל- JavaScript
 


דפים בשיעור זה:
1: JavaScript מתקדם
2: תמונת מפה
3: טעינה מוקדמת א
4: טעינה מוקדמת ב
5: הרפתקת האובייקט
6: יצירת אובייקט אישי
7: חיית מחמד וירטואלית
8: הערכת מחרוזות
9: אובייקטים קשים א
10: אובייקטים קשים ב
11: חזרה על שעור 4
|
|
|
|
|
|
|
|
|
|
|
|

שיעור 4

דף 3: הטענה מוקדמת של תמונות – במה מדובר?

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

אם יש לך קשר איטי, תאלץ לחכות לתמונה גדולה למדי שתעלה לאחר שעברת עם העכבר. בגלל שחלק מהדפדפנים לא יחליפו תמונה, אם היא לא שמורה ב- cache, אתה עלול כלל לא לראות חילופי התמונות. בכדי להימנע מבעיות מרגיזות כאלו, הטען את התמונה ברגע שהעמוד נטען.

אם אתה לא רוצה להיכנס לפרטים הקטנים של איך זה עובד, אתה יכול פשוט לקפוץ לספריית Webmonkey JavaScript ולחפש אחר Nadavs plug-and-play image preloader. בכל אופן, תמיד טוב לדעת איך? כשם שטוב לדעת מדוע? לכן אני מציע לך להמשיך לקרוא וללמוד על טעינה מוקדמת של תמונות.

חזור לתחילת הדף

לדף הבא «--

 
       
       
   
 
 

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