ایجاد: ۲۲:۲۶ ۱۳۹۱/۶/۱۰
ویرایش: ۲۲:۲۴ ۱۳۹۴/۴/۱۲
»
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 ی که نیاز دارید، آنها را فیلتر و مقایسه نمایید.
یادداشتهای مرتبط
- معرفی برخی اسلایدرهای جی کوئری
- کنترلرهای اسلایدی
- زوم (zoom) و بزرگنمایی تصویر و متن با جاوا اسکریپت و پی اچ پی