یک گالری تصاویر واکنش‌گرا با قابلیت‌های:
- نمایش تمام‌صفحه با کلیک روی تصاویر
- پیمایش بین تصاویر با دکمه‌ها، حرکات سواپ یا کلیدهای کیبورد
- طراحی زیبا و واکنش‌گرا
- 📱 واکنش‌گرا (Responsive)
- ✨ انیمیشن‌های ظریف
- 🔄 پشتیبانی از سواپ لمسی
- ⌨️ پشتیبانی از کلیدهای کیبورد
- 📊 نمایش شماره تصویر فعلی
- روی هر تصویر کلیک کنید تا به حالت تمام‌صفحه برود
- از دکمه‌های چپ/راست یا حرکات سواپ برای پیمایش استفاده کنید
- از کلیدهای جهت‌نمای کیبورد (← →) نیز می‌توانید استفاده کنید
- برای خروج، روی دکمه × یا کلید Esc کلیک کنید
- HTML5
- CSS3 (Flexbox, Grid)
- JavaScript (بدون نیاز به کتابخانه‌های خارجی)
برای اجرای محلی:
- این ریپازیتوری را کلون کنید
- فایل
index.htmlرا در مرورگر باز کنید
برای تغییر تصاویر:
- آدرس تصاویر را در تگ‌های
<img>تغییر دهید - یا تصاویر خود را در پوشه
imagesآپلود کنید - آدرس تصاویر را به صورت نسبی اصلاح کنید (مثلاً
images/photo1.jpg)