خبرها

Skip Navigation Links.

مدیا و تصاویر

ساخت گالری مدرن / Lightbox Gallery

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

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

ویژگی‌ها

نمایش تصاویر در قالب Lightbox

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

پشتیبانی از موبایل و تبلت

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

قابلیت نمایش جزئیات تصویر در موبایل

نمایش صفحه‌ی جداگانه برای هر تصویر در دستگاه‌های کوچک.

پشتیبانی از چند قالب نمایشی

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

افزودن چند تصویر به‌صورت هم‌زمان

قابلیت بارگذاری گروهی تصاویر با Drag & Drop یا انتخاب دسته‌ای.

پشتیبانی از قالب‌های سفارشی

امکان تعریف ساختار نمایش با استفاده از Template و CSS اختصاصی.

پشتیبانی از جستجو و RSS

سازگاری با موتور جستجوی داخلی DNN و تولید فیدهای RSS برای تصاویر.

قابلیت صفحه‌بندی گالری

تعیین تعداد تصاویر در هر صفحه و نمایش دکمه‌های ناوبری.

سازگاری با نسخه‌های DNN 7.1.2 تا 9.x

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

پشتیبانی از Localization

ترجمه رابط کاربری و توضیحات تصاویر برای سایت‌های چندزبانه.

نحوه عملکرد

نصب افزونه:

1. دریافت فایل نصب از ZLDNN Store یا مخزن GitHub.

2. ورود به پنل مدیریت DNN و نصب از بخش Extensions.

3. افزودن ماژول Lightbox Gallery به صفحه‌ی دلخواه.

پیکربندی اولیه:

1. ورود به تنظیمات ماژول و انتخاب قالب نمایشی.

2. تعیین تعداد تصاویر در هر صفحه و فعال‌سازی حالت SPA یا Lightbox.

افزودن تصاویر:

1. بارگذاری تصاویر از طریق پنل مدیریت یا انتخاب تصاویر موجود در فایل‌منیجر.

2. وارد کردن عنوان، توضیحات، دسته‌بندی و لینک اختیاری برای هر تصویر.

سفارشی‌سازی قالب:

1. ویرایش Template برای تعیین ساختار نمایش تصاویر.

2. اعمال CSS اختصاصی برای هماهنگی با طراحی سایت.

ذخیره و تست عملکرد:

1. ذخیره تنظیمات و بررسی نمایش گالری در مرورگرهای مختلف و دستگاه‌های همراه.

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

برای نمایش نمونه‌کارها یا تصاویر محصولات، از قالب‌های شبکه‌ای با افکت Lightbox استفاده کنید تا تمرکز کاربر حفظ شود.

در سایت‌های چندزبانه، از قابلیت Localization برای ترجمه عنوان و توضیحات تصاویر بهره ببرید.

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

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

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

درخواست دمو

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

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

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

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

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

تنظیم ساختار نمایش تصاویر با استفاده از Template و استایل‌های اختصاصی.

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

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

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

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

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

برای نصب، فایل افزونه را از DNN Store یا مخزن GitHub دریافت کرده و از طریق بخش Extensions در پنل مدیریت DNN نصب نمایید. پس از نصب، ماژول را به صفحه دلخواه اضافه کرده و تصاویر را بارگذاری، دسته‌بندی و تنظیمات نمایشی را پیکربندی کنید. نسخه‌های جدید از معماری SPA مبتنی بر AngularJS بهره می‌برند و رابط کاربری روانی دارند.

آیا افزونه با نسخه‌های جدید DNN و مرورگرهای مدرن سازگار است؟

بله، نسخه‌های اخیر مانند Lightbox Gallery 7.5 با DNN 7.1.2 به بالا از جمله DNN 9.x و 10.x سازگار هستند. همچنین در مرورگرهای مدرن مانند Chrome، Firefox، Safari و Edge عملکرد مناسبی دارند. طراحی واکنش‌گرا باعث می‌شود تصاویر در موبایل، تبلت و دسکتاپ به‌درستی نمایش داده شوند.

آیا امکان نمایش تصاویر به‌صورت دسته‌بندی‌شده یا صفحه‌بندی وجود دارد؟

کاملاً. افزونه از قابلیت دسته‌بندی تصاویر، تعریف قالب‌های نمایشی، و صفحه‌بندی (Pagination) پشتیبانی می‌کند. شما می‌توانید تعداد تصاویر در هر صفحه را مشخص کرده و با استفاده از قالب‌های سفارشی، نحوه نمایش را مطابق با طراحی سایت تنظیم نمایید.

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

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

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

بله، نسخه‌های جدید افزونه دارای ویژگی‌هایی مانند: تشخیص خودکار دستگاه و نمایش مناسب در موبایل یا دسکتاپ بارگذاری چندگانه تصاویر پشتیبانی از جستجو و RSS قابلیت Localization برای چندزبانه بودن این امکانات باعث می‌شوند افزونه در پروژه‌های حرفه‌ای و چندمنظوره قابل استفاده باشد.

تفاوت افزونه Lightbox Gallery با افزونه‌های مشابه مانند DNNGalleryPro یا R7.MiniGallery چیست؟

Lightbox Gallery تمرکز ویژه‌ای بر نمایش ساده و سریع تصاویر با افکت Lightbox دارد و برای استفاده عمومی بسیار مناسب است. در مقابل، DNNGalleryPro امکانات بیشتری مانند افکت‌های انیمیشنی، ویدیو، فیلترهای پیشرفته و تنظیمات پیچیده ارائه می‌دهد. افزونه R7.MiniGallery نیز سبک‌تر بوده و از کتابخانه Blueimp برای نمایش تصاویر استفاده می‌کند، اما نیاز به نصب کتابخانه‌های جانبی دارد. انتخاب بین آن‌ها بستگی به سطح نیاز طراحی و پیچیدگی پروژه دارد.