תיבות דו-שיח של Lightbox

הווידג'ט של 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, ביחד עם המיקוד של המזהה.

תרשים מצב