SimpleLigtbox - عکس‌های سازگار با دستگاه‌های لمسی که از ووردپرس نیز پشتیبانی می‌کنند

گردآوری و تالیف : عرفان کاکایی
تاریخ انتشار : 22 تیر 1397
دسته بندی ها : وردپرس

اکثر وبسایت‌ها از Lightboxها استفاده می‌کند. این ابزار، برای نمایش محتویات بزرگ بدون صرف فضای زیاد، مناسب هستند.

اما وقتی که تعداد زیادی اسکریپت رایگان بر روی اینترنت وجود دارند، نیازی نیست که اسکریپت خود را از ابتدا بنویسید. یکی از موارد مناسب، SimpleLightbox است. ۱۰۰ درصد اوپن سورس، و سازگار با موبایل‌ها، که بر روی تمام دستگاه‌ها اجرا می‌شود.

تمام Thumbnailsها و ابزار Lighbox، با دستگاه‌های لمسی سازگار هستند و کاربران می‌توانند از طریق هر دستگاه موبایل یا تبلتی محتویات آن را مرور کنند.

کس‌های سازگار با دستگاه‌های لمسی که از ووردپرس

از وبسایت اصلی این ابزار، می‌توانید لینک مرتبط به صفحه گیت‌هاب آن و پلاگین ووردپرس دسترسی داشته باشید.

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

هر عکس Thumbnail در سایز کامل، به همراه پیکان‌هایی برای مرور کل اسلایدشو نمایش داده می‌شود؛ اما از طریق SimpleLightbox API، می‌توانید امکانات بیشتری اضافه کنید. موارد زیر، برخی از کاربردی‌ترین‌های آنان هستند:

  • مرور متون.
  • قرار دادن کپشن بر روی عکس‌ها.
  • تنظیم نسبت‌ اندازه عکس‌ها.
  • ویژگی Swipe-to-close.
  • استایل‌های انیمیشن سفارشی.
  • اسپینرهای بارگذاری انتخابی.

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

می‌توانید آن را از طریق Bower یا Yarn نیز کپی کنید، اما اگر با Command Line آشنا نیستید، گیت‌هاب روش آسان‌تری است.

به هر حال، این کتابخانه بسیار شگفت‌انگیر است.

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

منبع

مقالات پیشنهادی

Full-Stack Designer کيست و چرا بايد يکي از آنها باشيد

سريع بودن و موثر واقع شدن در مهارت ها و تمركز روي زندگي حرفه اي مون ارزش زيادي داره . عنواني كه ما استفاده ميكنيم ميتونه به شكل موثري به ديگران بگه ك...

حس اتوماتیک سازی کارهای front-end با gulp

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

Ambient Lit - پروژه بلند پروازانه برای ایجاد وهم در موبایل ها

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

سافاری 9 و هر آنچه که طراحان وب باید در مورد آن بدانند

بحث اصلی کنفرانس اخیر WWDC اپل پیرامون دو سیستم عامل جدید این شرکت بود . el capitan که نسخه ی جدید سیستم عامل میکینتاش است و ios9 . این دو سیستم عام...