تبلیغات
تبلیغات

کتابخانه swiperjs جاوا اسکریپت – اسلایدر تاچ موبایل

کتابخانه swiperjs جاوا اسکریپت - اسلایدر تاچ موبایل

کتابخانه Swiper جاوا اسکریپت
The Most Modern Mobile Touch Slider
اسلایدر لمسی موبایل تحت جاوا اسکریپت


Swiper (سویپر)، یکی از مدرن‌ترین اسلایدرهای ریسپانسیو رایگان با قابلیت لمسی موبایل است؛ که برای تغییر اسلایدها افکت‌های جذابی دارد. این کتابخانه با تمامی سیستم‌عامل‌ها سازگار نبوده و در واقع، تمرکز آن بر روی اپلیکیشن‌ها و پلتفرم‌های مدرن می‌باشد و با پلتفرم‌های قدیمی سازگار نیست. که این مسئله محدودیت این کتابخانه محسوب می‌شود.

Swiper به‌همراه سایر کامپوننت‌های بزرگ، بخشی از Framework7 می‌باشد؛ که یک چارچوب (فریمورک) ویژه برای ساخت برنامه‌های iOS و اندروید است. همچنین این کتابخانه، یک کامپوننت اسلایدر پیشفرض در Ionic Framework می‌باشد.

ویژگی‌های برتر

  • کتابخانه آگنوستیک
    یعنی به‌هیچ کتابخانه‌ی دیگری (مثل جی‌کوئری) برای کار کردن نیاز ندارد. که باعث می‌شود بسیار کوچک‌تر و سریع‌تر باشد.
  • نسبت حرکت لمسی (تاچ) 1:1
    البته از طریق تنظیمات قابل تغییر است.
  • جهش‌دهنده (Mutation Observer)
    با فعال کردن این قابلیت، در صورت ایجاد تغییرات پویا (داینامیک) در DOM یا استایل سویپر، کتابخانه به‌صورت خودکار راه‌‍اندازی مجدد شده و تمامی پارامترهای مورد نیاز را دوباره فراخوانی و محاسبه می‌کند.
  • API غنی
    ایجاد صفحه‌بندی شخصی، دکمه‌های سفارشی، افکت‌های پارالاکس دلخواه و خیلی چیزهای دیگر
  • پشتیبانی کامل از راست‌چین (RTL)
    به ادعای سازنده، تنها اسلایدری است که پشتیبانی 100 درصدی از طرح‌های RTL را دارد!
  • چیدمان اسلایدهای چند ردیفی با امکان ایجاد چند اسلاید در هر ستون
  • افکت‌های جابه‌جایی بین اسلایدها
    علاوه‌بر حالت معمولی، شامل افکت‌های محو شونده، مکعبت سه‌بعدی و 3D Coverflow می‌باشد.
  • کنترل دوطرفه
  • چیدمان Flexbox
  • انعطاف‌پذیرترین طرح چیدمان اسلایدها
  • انتقال یا گذارهای پارالاکس
  • بارگزاری تنبل تصاویر (Lazy Loading)
  • اسلایدرهای مجازی
  • و …
بیشتر بدانید
این اسلایدر، توسط شرکت‌های بزرگی همچون ادوبی (Adobe)، سیسکو (CISCO)، الکسا (Alexa)، ب‌ام‌و (BMW)، دیزنی (Disney)، پژو (PEUGEOT)، ورایزن (Verison)، MacRumors، لاکست (LACOSTE)، ودافون (Vodafone) و … مورد استفاده قرار گرفته است.

صفحات رسمی swiperjs

صفحه گیت‌هاب صفحه وبسایت رسمی شروع‌ به‌کار API API v5.x API v4.x API v3.x API v2.x React دموها
کانال تلگرام فول کده
تبلیغات

درباره نویسنده

هادی اکبرزاده

[ مدیر فول کده ]

علاقه‌مند به اشتراک‌گذاری اطلاعات در هر زمینه‌ای
برنامه‌نویس فول استک

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نظرات ثبت شده بدون دیدگاه