ایجاد: ۲۲:۲۶ ۱۳۹۱/۶/۱۰
ویرایش: ۲۲:۲۴ ۱۳۹۴/۴/۱۲

یادداشت‌ها

»

جایگزین های alert (لایت باکس ها)

alert فقط می‌تواند یک متن ساده را نمایش دهد.
modal ها به پنجره‌هایی شبیه alert گفته می‌شود که امکانات بیشتری در آن تعبیه شده (لینک، استفاده از html ساده برای تغییر رنگ و شکل عناصر داخل آن و ...)
lightbox به پنجره‌هایی گفته می‌شود که بیشتر جایگزین new window هایی می‌شوند که با window.open جاوا اسکریپت به صورت popup باز می‌شدند. بدی popup ها این است که در اکثر براوزرهای نوین، به صورت پیش‌فرض block می‌شوند و اصلا کاربر متوجه وجود آنها نمی‌شود!
lightbox هایی که هم اکنون در وب استفاده می‌شوند، حرفه‌ای بوده و قابلیت نمایش متن/فلش/گالری را که به صورت inline یا ajax بارگزاری می‌شوند، دارا هستند.
در ادامه چند نمونه از آنها معرفی شده‌اند:
  • highSlide
    highSlide را می‌توان پدربزرگ لایت‌باکس‌ها نامید!
    یک لایت باکس قدیمی اما نسبتا کامل با قابلیت‌ و زیبا.
  • Avgrund Modal
    یک Modal حرفه‌ای با افکتی جالب
  • FaceBox
    یک لایت باکس بسیار سبک که سعی داشته شبیه لایت‌باکس فیس بوک باشد!
  • Shadow Box
    لایت باکسی مخصوص نمایش تصاویر...
  • ColorBox
    یک لایت باکس سبک و زیبا و کارآمد که گستره وسیعی از براوزرها (حتی ie6) را ساپورت می‌کند.
  • jQuery lightBox plugin
    یک لایت باکس سبک و عمومی که در اکثر سایت‌ها استفاده می‌شود
  • pretty Photo
    بهترین و قوی‌ترین لایت باکسی که برای گالری تصاویر دیده‌ام.
  • Simple Modal
    یک مودال ساده و سبک اما خوش طرح / ساخت ایتالیا!
  • a!ertify
    Alertify یک اسکریپت زیبا و مستقل از کتابخانه‌های جاوا اسکریپتی است که جایگزین جالبی برای alert, confirm و promt می‌تواند باشد.
  • Boxer
    لایت‌باکسی سبک و ساده اما منعطف با قابلیت نمایش مجموعه تصاویر و متن
  • Apprise
    یک جایگزین آلرت ساده و جدید
  • Bootstrap Image Gallery
    یک لایت باکس زیبا و ساده برای نمایش مجموعه تصاویر
  • Bootstrap Modal Extended
    نسخه توسعه یافته Modal مربوط به Bootstrap توئیتر که دموی آنلاین آن را می‌توانید مشاهده کنید...
    این مودال قطعا برترین مودال در بین لیست فوق است...
  • CSS modal
    بله باور کنید! این Modal فقط و فقط با css ساخته شده و نیازی به جاوا اسکریپت ندارد. جاوا اسکریپت مرورگر خود را غیرفعال کنید و آدرس فوق را مشاهده کنید.
  • Ion.Zoom
    یک پلاگین ساده اما زیبا برای زوم روی یک یا چند تصویر
  • Pop Easy
    یک Modal ساده و سبک که قابلیت نمایش عکس و متن و ویدئو و فریم را دارد.
  • Custombox
    یک modal ساده قدرت گرفته از jQuery و css3 با تم بوتسترپ.
  • Feather light
    این پلاگین برای کسانی تهیه شده است که هم دغدغه سبکی را دارند و هم می‌خواهند لایت‌باکس انها مدرن و ریسپونسیو باشد. این پلاگین 1 کیلوبایتی جی‌کوئری، کاملا توسط css قابل تغییر است و از ajax و iframe نیز پشتیبانی می‌کند.
    نسخه نمایشی (دمو)ی آن در این لینک قابل مشاهده است.
  • JeeGooPopup
    یک مودال عالی با قابلیت‌ها و تنظیمات زیاد مثل:
    - قابلیت کشیدن و انداختن (Drag and drop)
    - قابلیت تغییر سایز (Resize)
    - قابلیت تغییر استایل و تم
    - و چندین تنظیم عالی دیگر
    توصیه میکنم پیش نمایش و تنظیمات آن را ببینید.
  • jquery.dialog
    یک مودال بسیار ساده و سبک که امکان حرکت دادن (drag) را نیز داراست و بسته شدن و مخفی شدن آن نیز با افکت خاصی صورت می‌گیرد.
  • jQuery Lightbox alternative: Touch Optimized Sliders RUs
    این هم یک نمونه جدید با قابلیت پشتیبانی از وسایل لمسی و ...
  • ClassyBox
    یک لایت‌باکس زیبا، ریسپونسیو، با پشتیبانی از کیبورد، ای‌جکس و ویدئو است که امکانات زیادی را در خود گنجانده است.
  • noty
    یک جایگزین alert با قابلیت نمایش در مکان‌های مختلف صفحه و تمی زیبا...
  • PNotify
    یک نمایش‌دهنده پیغام (Notification) به صورتی بسیار زیبا و پشته‌ای، که برای نمای موبایلی سایت هم قابل استفاده است.
  • Swipebox و LiteBox
    دو لایت باکس جدید و ساده که با کیبورد و صفحات لمسی به خوبی هماهنگ است.
  • jQuery lightGallery
    یک لایت‌باکس برای نمایش تصاویر که امکان نمایش تصاویر بندانگشتی را در لایت‌باکس ظاهر شده نیز داراست.
  • Fluidbox
    یک لایت باکس عالی برای تصاویر، که شبیه لایت باکس سایت مدیوم (متعلق به توییتر) عمل می‌کند و پس از کلیک کاربر روی یک تصویر، آن را در حد اکثر فضای قابل دسترس، با افکتی شبیه زوم نمایش می‌دهد...
  • cta.js
    این مورد بیس و پایه افکت زیبای بسیاری از لایت‌باکس‌هاست که وقتی مثلا روی یک دکمه کلیک می‌کنید، پنجره‌ای که قرار است ظاهر شود را به نحوی ظاهر می‌کند (و در صورت بستن مخفی می‌کند) که از چهارگوشه المان مبدا شروع و به المان مقصد ختم می‌کند. (نسخه دمو)
  • ngDialog و vModal
    دوتا از بهترین و حرفه‌ای ترین مودال باکس‌ها برای انگولر جی‌اس
  • MediumLightbox
    بسیار بعید است که یک طراح یا برنامه‌نویس وب و اهل مطالعه باشید اما گذرتان به سایت medium.com (که متعلق به توئیتر است) نخورده باشد. طراحی این سایت منحصر بفرد است و بسیاری از ایده‌هایی که در طراحی ظاهری این سایت دیده می‌شود، توسط خودش ابداع شده (و البته بعدها توسط دیگران بعضا کپی شده)
    یکی از المان‌های این طراحی ساده و زیبا، لایت باکسی است که بعد از کلیک روی یک تصویر و ... ظاهر می‌شود. MediumLightbox نام لایت‌باکسی است که با ایده‌گرفتن از Medium درست شده و محاسنی را نیز به آن اضافه کرده در عین اینکه سعی کرده سادگی آن را حفظ کند.

........................................................

The Lightbox Clones Matrix بیش از 50 لایت باکس لیست شده‌اند که به راحتی می‌توان حسب کتابخانه، قابلیت‌ها و حجم lightbox ی که نیاز دارید، آنها را فیلتر و مقایسه نمایید.
یادداشت‌های مرتبط
  1. معرفی برخی اسلایدرهای جی کوئری
  2. کنترلرهای اسلایدی
  3. زوم (zoom) و بزرگنمایی تصویر و متن با جاوا اسکریپت و پی اچ پی

مدیریت

نام وسیله

اعتبار ورود

نام کاربری

رمز عبور

رمز یکبارمصرف

... لیست تمام یادداشت‌ها

تبلیغات

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

دامنه‌هایی که می‌تواند مصرف تخصصی داشته باشد:
AnyDesk.ir, Firebase.ir, Angularjs.ir, 9px.ir alAdmin.ir, iQore.ir notion.ir, 3dn.ir,

دامنه‌هایی که می‌تواند مصرف فرهنگی/مذهبی داشته باشد:
mavaez.ir, 2aha.ir, babolelm.ir, mahjoor.ir

دامنه‌هایی که می‌تواند مصرف شخصی/عمومی داشته باشد:
azizami.ir, 90blog.ir