۱۰ کتابخانه Lightbox جاوا اسکریپت
Lightbox یکی از معروف ترین روش ها برای نمایش تصاویر در وب میباشد. وقتی روی یک عکس کلیک میکنید، لایت باکس با یک انیمیشن ساده برای تار کردن بکگراند و focus روی تصویر، نمایش داده میشود. همچنین سایز تصویر بزرگتر میشود. اکثر کتابخانه های Lightbox جاوا اسکریپت که برای سالها استفاده میکردیم، امکان انجام اینکار را در دسکتاپ بخوبی فراهم میکرد انجام در سایز موبایل خوب نبودند.
غفلت از این و نیاز به طراحی ریسپانسیو وبسایت، امروزه ایده خوبی نیست. بنابراین در این مقاله کدفرند به معرفی و بررسی ۱۰ کتابخانه Lightbox جاوا اسکریپت خواهیم پرداخت. با ما همراه باشید.
پیشنهاد شگفت انگیز کدفرند،دسترسی به تمامی دوره های آموزشی کدفرند تنها با ۹۹ هزار تومان
PhotoSwipe
PhotoSwipe قطعا پلاگین لایت باکس مورد علاقه من است. این افزونه بسیار سبک، قابل لمس و از همه مهم تر ماژولار میباشد که به من امکان این را میدهد تا مواردی که نیاز ندارم را براحتی حذف کنم. بخوبی در مرورگرهای موبایل اجرا میشود. دقیقا مانند یک اپلیکیشن native موبایل، میتوانید در بین تصاویر با انگشتان خود حرکت کنید و همچنین شامل transition بسیار نرم و آرام میباشد. دوره فشرده آموزش bootstrap studio (کامل)
MagnificPopup
MagnificPopup یک کتابخانه Lightbox جاوا اسکریپت دیگر میباشد که توسط شخصی که PhotoSwipe را ساخته، بنام Dmitry Semenov توسعه یافته است. این کتابخانه در قالب یک پلاگین jQuery/Zepto می آید و همجنین دارای قابلیت هایی است که در PhotoSwipe وجود نداشتند. مانند پشتیبانی از ویدیو، نقشه و محتوای ایجکس. MagnificPopup میتواند جایگزین مناسبی باشد برای کسانی که دوست دارند ویژگی های بیشتری داشته باشند.
SwipeBox
Swipebox یک افزونه جی کوئری است. علاوه بر تصاویر، این لایت باکس از ویدیوهای یوتیوب و Vimeo پشتیبانی میکند.پیاده سازی Swipebox بسیار ساده است و قابلیت های بسیاری برای شخصی سازی کاربردش دارد. فکر میکنم Swipebox یک افزونه لایت باکس عالی برای تازه کاران جاوا اسکریپت میباشد. دوره آموزش رایگان و کامل جاوا اسکریپت کدفرند
پیشنهاد شگفت انگیز کدفرند،دسترسی به تمامی دوره های آموزشی کدفرند تنها با ۹۹ هزار تومان
iLightbox
iLighbox یک افزونه لایت باکس جی کوئری است که انواع گسترده ای از رسانه ها را پشتیانی میکند. شامل ویدیو، فلش، محتوای اجکس، iframe و نقشه. این کتابخانه همچنین دکمه شبکه های اجتماعی را بالای مدیا نمایش میدهد که به کاربران شما امکان اشتراک گذاری در فیسبوک و توئیتر یا Rddit را میدهد. همچنین میتوانید بخش پیشرفته iLightbox را بررسی کنید تا ببینید چگونه میتوان با سناریوهای مختلف آن را پیاده سازی کرد.
Lightbox for Bootstrap
Lightbox یکی از اجزای مهمی است که در بوت استرپ موجود نیست. Lightbox for Bootstrap این مشکل را جل میکند. در صورتی که از بوت استرپ استفاده میکنید، استفاده از این کتابخانه Lightbox جاوا اسکریپت را شدیدا توصیه میکنم. این افزونه بخوبی با code-base بوت استرپ ادغام شده است.
Nivo Lightbox
Nivo Lightbox یک کتابخانه لایت باکس جاوا اسکریپت انعطاف پذیر میباشد. گزینه های زیادی برای شخصی سازی ظاهر لایت باکس به شکل مورد نظرتان، در این افزونه تعبیه شده است. مانند تغییر قالب، افکت ها و منوی نویگیشن.
ImageLightbox
ImageLightbox یک کتابخانه Lightbox جاوا اسکریپت است که ویژه نمایش تصاویر بوده و از ویدیو یا سایر محتوا پشتیبانی نمیکند. همچنین به نشانه گذاری اضافی HTML هم نیازی ندارد و تگ img به تنهایی کافیست. این پلاگین بخوبی کار میکند.
پیشنهاد شگفت انگیز کدفرند،دسترسی به تمامی دوره های آموزشی کدفرند تنها با ۹۹ هزار تومان
Mini Lightbox
یک کتابخانه لایت باکس جاوا اسکریپت دیگر که فقط از تصاویر پشتیبانی میکند. حجم این کتابخانه تنها ۲kb است. Mini Lightbox یک افزونه بسیار کاربردی برای مرورگرهای جدیدتر و کسانی که فقط از تصاویر استفاده خواهند کرد میباشد.
LightCase
Lightcase یک افزونه لایت باکس بسیار جالب است. این افزونه شامل چندین انیمیشن برای افزایش جذابیت اینترفیس میباشد از جمله fade، زوم الاستیک و scrolling. همچنین این کتابخانه Lightbox جاوا اسکریپت از انواع مختلف مدیا شامل Youtube embed، ویدیوهای HTML5 و SWF و … پشتیبانی میکند. علاوه بر آن، این افزونه رایگان بخوبی خطاهایی همچون media cannot be reached or found را هندل میکند.
LightLayer
LightLayer یک افزونه لایت باکس کاربردی بوده و استفاده از آن بسیار ساده است. این کتابخانه لایت باکس جاوا اسکریپت آپشن هایی بسیار زیاد، متدهای ویژه جاوا اسکریپتی و event های سفارشی دارد. این افزونه برای تصاویر، ویدیو، مپ و سایر محتوا قابل استفاده است.
پیشنهاد شگفت انگیز کدفرند،دسترسی به تمامی دوره های آموزشی کدفرند تنها با ۹۹ هزار تومان