جعبه نمایش Light Box
گاهی نیاز است، با کلیک کردن بر روی گزینه ای، بر روی آن صفحه ای باز شده و تصویر یا فیلمی شروع به نمایش کند، این موضوع، این عمل را انجام خواهد داد.
در زیر یک نمونه بدون هیچ استایل خاصی را به شما نمایش میدهیم و در بعد از آن با استایل دیگری تا متوجه شوید شما میتوانید هر آنجه که مایل هستید را به تصویر بکشید.
Capital Teltway Building
Some detail text
در مثال بالا دو قسمت وجود دارد، قسمت اول که از خصوصیت
برای نمایش اسلایدها و تصاویر هر گونه میخواهید عمل کنید، فقط برای آنکه وقتی روی موضوع مورد نظر کلیک کردید، آن را بتوان باز کرد، باید
خصوصیت
اگر هنگام تعریف خصوصیت lightbox مقدار تصویر، فیلم و یا موسیقی را وارد کنید، سیستم به صورت خودکار، بعد از باز شدن، آن آدرس را بارگذاری میکند.
در زیر مثال بالا با یک تم جدید به نماش گذاشته میشود.
Capital Teltway Building
Hello!
TNT East Facility
برای نمایش لایت باکس به صورت دلخواده، از الگوی زیر استفاده میکند.
اگر میخواهید، الگو را تغییر دهید، کافیست این مقدار html را در تگی که حاوی lightbox است، قرار داده و تغییرات مد نظر را انجام دهید.
خصوصیات
برای تنظیم برخی خصوصیات میتوانید از گزینه های زیر استفاده کنید. در نظر داشته باشید به صورت پیش فرض تمامی این تنظیمات فعال هستند.
loop : اگر میخواهید اسلایدها به صورت دنباله هم پخش نشود، این مقدار را false کنید.close : اگر میخواهید گزینه ضربدر در بالای صفحه نمایش داده نشود، این مقدار را false کنید.modal-close : اگر میخواهید با کلیک بر روی فضای تیره رنگ، لایت باکس بسته نشود، این مقدار را false کنید.auto-play : اگر میخواهید ویدئو یا موسیقی بلافاصله بعد از نمایش پخش نشود، این مقدار را false کنید.