اکثر وبسایت‌ها از Lightboxها استفاده می‌کند. این ابزار، برای نمایش محتویات بزرگ بدون صرف فضای زیاد، مناسب هستند.
اما وقتی که تعداد زیادی اسکریپت رایگان بر روی اینترنت وجود دارند، نیازی نیست که اسکریپت خود را از ابتدا بنویسید. یکی از موارد مناسب، SimpleLightbox است. ۱۰۰ درصد اوپن سورس، و سازگار با موبایل‌ها، که بر روی تمام دستگاه‌ها اجرا می‌شود.
تمام Thumbnailsها و ابزار Lighbox، با دستگاه‌های لمسی سازگار هستند و کاربران می‌توانند از طریق هر دستگاه موبایل یا تبلتی محتویات آن را مرور کنند.
از وبسایت اصلی این ابزار، می‌توانید لینک مرتبط به صفحه گیت‌هاب آن و پلاگین ووردپرس دسترسی داشته باشید.
این کتابخانه بسیار بزرگ بوده، و تا به اینجا یکی از بهترین گالری‌های Lightbox است که می‌توانید بیابید. این کتابخانه از یک طراحی Lightbox واقعی استفاده می‌کند، که وقتی یک گالری را مرور می‌کنید، پوشش کوچکی در بالای هر صفحه ایجاد می‌کند.
هر عکس Thumbnail در سایز کامل، به همراه پیکان‌هایی برای مرور کل اسلایدشو نمایش داده می‌شود؛ اما از طریق SimpleLightbox API، می‌توانید امکانات بیشتری اضافه کنید. موارد زیر، برخی از کاربردی‌ترین‌های آنان هستند:
- مرور متون.
- قرار دادن کپشن بر روی عکس‌ها.
- تنظیم نسبت اندازه عکس‌ها.
- ویژگی Swipe-to-close.
- استایل‌های انیمیشن سفارشی.
- اسپینرهای بارگذاری انتخابی.
به علاوه، این کتابخانه به شما اجازه می‌دهد تا هر بار که کاربر یک گالری را باز می‌کند، به یک عکس دیگر منتقل می‌شود یا هر عمل دیگری انجام می‌دهد، توابع پشتیبان نیز اجرا کنید.
می‌توانید آن را از طریق Bower یا Yarn نیز کپی کنید، اما اگر با Command Line آشنا نیستید، گیت‌هاب روش آسان‌تری است.
به هر حال، این کتابخانه بسیار شگفت‌انگیر است.
برای اطلاعات بیشتر، به صفحه اصلی آن نگاهی داشته باشید و کد آن را نیز از گیت‌هاب کپی کنید.
دیدگاه و پرسش
در حال دریافت نظرات از سرور، لطفا منتظر بمانید
در حال دریافت نظرات از سرور، لطفا منتظر بمانید