لایتباکس Lightbox

لایتباکس یا Lightbox چیست؟

لایتباکس یا لایت باکس (Lightbox) نام یک کتابخانه جاوااسکریپت و نوعی تکنیک نمایش تصویر در صفحه‌های وب با همپوشانی محتوای صفحه است. معمولا با کمک این تکنیک، نمونه بزرگ‌تر تصویری نمایش داده می‌شود که در صفحه روی آن کلیک شده است.

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

کتابخانه اصلی Lightbox توسط Lokesh Dhakar نوشته شده است. این کتابخانه به صورت منبع باز و رایگان تحت لایسنس MIT در اختیار توسعه دهندگان و طراحان وب قرار گرفته است. نسخه فعلی این کتابخانه (Lightbox2) با اغلب مرورگرهای رایج وب مانند کروم، فایرفاکس، سافاری، اج و اینترنت اکسپلورر سازگار است. نمایش مجموعه‌ای از تصاویر کنار هم با افکت‌های ظاهری و انیمیشن از جمله ویژگی‌های این کتابخانه جاوااسکریپت است.

لایتباکس به طراحان سایت اجازه می‌دهد در صفحه‌های وب به جای لود تصویر در ابعاد بزرگ، نمونه‌ای کوچک‌تر یا بندانگشتی از تصاویر را در اختیار کاربر قرار دهند. به این ترتیب کاربر می‌تواند در صورت نیاز با کلیک یا ضربه زدن روی این تصویر، نمونه بزرگ‌تر آن را در قالب لایتباکس مشاهده کند. به علاوه لایتباکس روشی مناسب برای ایجاد گالری تصاویر فراهم می‌کند.

گفتنی است استفاده از لایت باکس‌ها در فروشگاه‌های آنلاین، فروشگاه‌های عکس، گالری‌های تصاویر و … کاربرد فراوانی دارد.