קוד HTML להאריך תמונות עבור אתר אינטרנט

אני מקשר תמונות גדולות

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

הטבות

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

שיקולים

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

חלופות

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