הווידג'ט של Lightbox מאפשר למשתמשים לצפות בתוכן מולטימדיה בתיבות דו-שיח.
שימוש כללי
זהו לחצן לדוגמה שפותח תיבת דו-שיח של Lightbox:
זהו תג עוגן עם מאפיין href
שהוגדר כ-#lightbox-trigger
, וניתן להשתמש בו גם כדי לפתוח Lightbox:
סרטוני YouTube
זהו לחצן לדוגמה שפותח תיבת דו-שיח של סרטון YouTube:
זהו קישור ל-YouTube שפותח תיבת דו-שיח של סרטון ב-YouTube:
תמונות
ניתן להציג תמונות גם בתיבות דו-שיח מודאליות של Lightbox. אפשרות זו מועילה במיוחד להצגת הפרטים של צילום מסך מבלי להוסיף תמונה ברוחב מלא.
צף ימינה
זוהי דוגמה לתמונה שמרחפת משמאל לתוכן שהיא מקדמת. הווידג'ט הזה פותח תיבת דו-שיח מודאלית של Lightbox ומציג את ההסבר הקצר הדוגמה של עגלת הקניות.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud exercite ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure door in reprehenderit in voluptate velit esseum dolore eu fugiat nulla pariatur. Exceptur sint occacatcat capidatat non proident, sunt in culpa qui ofciia deserunt mollit anim id est laborum.
צף שמאלה
זוהי דוגמה לתמונה שמרחפת משמאל לתוכן שהיא מקדמת. ווידג'ט זה פותח תיבת דו-שיח מודאלית של Lightbox, אבל לא מציג הסבר קצר.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud exercite ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure door in reprehenderit in voluptate velit esseum dolore eu fugiat nulla pariatur. Exceptur sint occacatcat capidatat non proident, sunt in culpa qui ofciia deserunt mollit anim id est laborum.
הצגה בטעינת הדף
ניתן להגדיר Lightbox שנפתח בעת טעינת הדף
על ידי הוספת פרמטר המחרוזת של השאילתה dialogOnLoad
, ביחד עם המיקוד של המזהה.