سلام وقت بخیر
در این پست برای شما یک لایت باکس (گالری تصاویر) که با جی کوئری و css ساخته شده را برایتان آماده کرده ایم. این لایت باکس بصورت پاپ آپ یک عکس را در همان صفحه با اندازه اصلی به نمایش می گذارد.
لازم است به این نکته توجه داشته باشید :: در این لایت باکس پس از کلیک بروی تصویر، تصویر بزرگتر به اندازه سایز اصلی نمایش داده خواهد شد یعنی اگر تصاویر شما سایزهای مختلفی داشته باشند پنجره پاپ آپ به همان سایز تصویر را نمایش خواهد داد. برای رفع این مشکل بایستی سایز پنجره پاپ آپ را در کدهای استایل پیدا کنید (خط 29 & 30) و به اندازه دلخواه تغییر دهید (اگر با تغییر سایز پنجره پاپ آپ محلش تغییر کرد بایستی با دانش برنامه نویسی آنرا در محلی که می خواهید فیکس نمایید). ضمناً با کمی خلاقیت می توانید این لایت باکس را ریسپانسیو نموده تا در دستگاه های مختلف نسبت به رزولوشن آن لایت باکس بهم نریزد.
این لایت باکس را میتوانید با مراجعه به ادامه مطلب هم دانلود کرده و هم دموی آنرا مشاهده نمایید.
بریم برای مطالعه کامل
