خبرها

Skip Navigation Links.

مدیا و تصاویر

نمایش تصاویر در لایت باکس / Live Images

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

درخواست دمو 021-88570276

ویژگی‌ها

نمایش تصاویر با افکت Lightbox

تبدیل خودکار لینک‌های تصویری به نمایش در پنجره‌ی شناور با افکت‌های جذاب.

پشتیبانی از قالب‌های واکنش‌گرا

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

گروه‌بندی تصاویر برای ساخت گالری

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

ایجاد کپشن خودکار

استخراج عنوان تصویر از ویژگی title لینک و نمایش آن به‌عنوان توضیح.

حالت توسعه‌دهنده (Developer Mode)

انتخاب تصاویر خاص با استفاده از jQuery Selector برای کنترل دقیق‌تر.

پشتیبانی از Localization

ترجمه‌ی متن‌های ثابت با استفاده از API بومی DNN برای سایت‌های چندزبانه.

نصب آسان و بدون نیاز به پیکربندی پیچیده

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

سازگاری با نسخه‌های DNN 9.4.2+ و 10.0+

عملکرد پایدار در نسخه‌های جدید پلتفرم DNN.

مجوزهای متنوع

شامل نسخه استاندارد، سازمانی و سازمانی همراه با سورس کد.

نحوه عملکرد

نصب افزونه:

دریافت فایل نصب از Mandeeps Live Images یا DNN Store.
ورود به پنل مدیریت DNN و نصب از بخش Extensions.
افزودن ماژول Live Images به صفحه‌ی دلخواه (مثلاً گالری، درباره ما یا نمونه‌کارها).

فعال‌سازی خودکار تصاویر:

ماژول به‌صورت خودکار تمام لینک‌هایی که به تصاویر اشاره دارند را شناسایی کرده و به حالت Lightbox تبدیل می‌کند.
در صورت نیاز، می‌توان تصاویر را با استفاده از کلاس یا Selector خاص گروه‌بندی کرد.

تنظیمات پیشرفته (اختیاری):

فعال‌سازی Developer Mode برای کنترل دقیق‌تر انتخاب تصاویر.
تنظیم ترجمه‌های محلی برای متن‌های ثابت مانند "بستن"، "تصویر بعدی"، "تصویر قبلی".

توصیه‌های حرفه‌ای

برای نمایش گالری‌های حرفه‌ای، تصاویر را با ویژگی title مناسب بارگذاری کنید تا کپشن‌ها به‌صورت خودکار ایجاد شوند.

در صفحات چندزبانه، از قابلیت Localization برای ترجمه‌ی متن‌های ثابت بهره ببرید.

برای کنترل بیشتر، از Developer Mode استفاده کنید و تصاویر خاص را با Selector دلخواه هدف‌گذاری نمایید.

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

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

درخواست دمو

راهنمای تصویری کار با این افزونه

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

نصب Live Images از طریق بخش Extensions و افزودن به صفحه دلخواه.

تبدیل لینک‌های تصویری به حالت Lightbox با افکت شناور و کپشن خودکار.

نمایش مجموعه‌ای از تصاویر با ناوبری داخلی و دکمه‌های قبلی/بعدی.

انتخاب تصاویر خاص با استفاده از jQuery Selector برای کنترل دقیق‌تر.

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

سوالات متداول

افزونه Live Images چه کاربردی دارد و برای چه نوع سایت‌هایی مناسب است؟

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

نحوه نصب و راه‌اندازی افزونه چگونه است؟

برای نصب، فایل افزونه را از Mandeeps.com یا DNN Store دریافت کرده و از طریق بخش Extensions در پنل مدیریت DNN نصب نمایید. پس از نصب، کافی است ماژول را به صفحه دلخواه اضافه کنید؛ افزونه به‌صورت خودکار لینک‌های تصویری را شناسایی کرده و آن‌ها را با افکت Lightbox نمایش می‌دهد. همچنین می‌توان تصاویر را گروه‌بندی کرد تا به‌صورت گالری نمایش داده شوند.

آیا افزونه با نسخه‌های جدید DNN و قالب‌های واکنش‌گرا سازگار است؟

بله، Live Images با نسخه‌های DNN 9.4.2 و بالاتر از جمله DNN 10.x کاملاً سازگار است. طراحی آن مبتنی بر Responsive Web Design بوده و در دسکتاپ، موبایل و تبلت به‌درستی نمایش داده می‌شود. برای عملکرد صحیح، استفاده از قالب‌های واکنش‌گرا توصیه می‌شود.

چه قابلیت‌هایی برای سفارشی‌سازی نمایش تصاویر وجود دارد؟

افزونه دارای حالت‌های مختلف نمایش از جمله: گروه‌بندی تصاویر برای ساخت گالری ایجاد کپشن خودکار از عنوان لینک تصویر پیمایش با ماوس و کیبورد انتخاب تصاویر خاص با استفاده از jQuery Selector در حالت Developer Mode همچنین می‌توان ظاهر پنجره Lightbox را با CSS سفارشی‌سازی کرد.

در صورت عدم نمایش صحیح تصاویر یا بروز خطا، چه اقداماتی باید انجام داد؟

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

آیا افزونه از قابلیت چندزبانه بودن و بومی‌سازی پشتیبانی می‌کند؟

بله، Live Images از API بومی‌سازی DNN پشتیبانی می‌کند و تمام متون ثابت مانند دکمه‌ها و پیام‌ها را می‌توان به زبان‌های مختلف از جمله فارسی ترجمه کرد. این ویژگی برای سایت‌های چندزبانه بسیار کاربردی است.

تفاوت Live Images با افزونه‌هایی مانند Lightbox Gallery یا DNNGalleryPro چیست؟

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