دیالوگ های لایت باکس

ویجت Lightbox به کاربران امکان می دهد محتوای چندرسانه ای را در گفتگوهای مودال مشاهده کنند.

استفاده عمومی

این یک دکمه نمونه است که یک گفتگوی Lightbox را باز می کند:

نمودار حالت

این یک تگ لنگر است که ویژگی href آن روی #lightbox-trigger تنظیم شده است و همچنین می تواند برای باز کردن یک لایت باکس استفاده شود:

نمایش تصویر

نمودار حالت

ویدئوهای یوتیوب

این یک دکمه نمونه است که یک گفتگوی ویدیوی YouTube را باز می کند:

این یک پیوند YouTube است که یک گفتگوی ویدیوی YouTube را باز می کند:

تماشای ویدیو

تصاویر

همچنین می‌توان تصاویر را در کادر محاوره‌ای لایت باکس نمایش داد. این به ویژه برای دیدن جزئیات یک اسکرین شات بدون نیاز به اضافه کردن یک تصویر تمام عرض بسیار خوب عمل می کند.

به سمت راست شناور شد

نمونه سبد خرید

این نمونه ای از تصویری است که در سمت راست محتوای قبل از آن شناور است. این ویجت یک محاوره مودال لایت باکس را باز می کند و نمونه راهنمای ابزار سبد خرید را نمایش می دهد.

Lorem ipsum dolor sit amet، consectetur adipiscing elit، sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

به چپ شناور شد

این نمونه ای از تصویری است که در سمت چپ محتوای قبلی شناور است. این ویجت یک گفتگوی مودال لایت باکس را باز می کند اما یک راهنمای ابزار نمایش نمی دهد.

Lorem ipsum dolor sit amet، consectetur adipiscing elit، sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

نمایش در بارگذاری صفحه

می‌توانید با افزودن پارامتر رشته query dialogOnLoad به همراه پسوند ID، یک لایت باکس داشته باشید که در بارگذاری صفحه باز می‌شود.

نمودار حالت