آی میتران

تجربه یک آنلاین متفاوت



لایت باکس با جی کوئری و css

لایت باکس با جی کوئری و css

سلام وقت بخیر

در این پست برای شما یک لایت باکس (گالری تصاویر) که با جی کوئری و css ساخته شده را برایتان آماده کرده ایم. این لایت باکس بصورت پاپ آپ یک عکس را در همان صفحه با اندازه اصلی به نمایش می گذارد.

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

این لایت باکس را میتوانید با مراجعه به ادامه مطلب هم دانلود کرده و هم دموی آنرا مشاهده نمایید.


استایل این لایت باکس بصورت embed (بصورت استایل داخلی) درون فایل html. آمده است.

مشاهده دمو
گالری تصاویر مربوط به لایت باکس با جی کوئری و css

pic pic
حجم فایل: 439KB
فرمت : zip
پسورد فایل : imitran.ir

ارسال یک نظر جدید

نام شما
ایمیل (منتشر نخواهد شد)
آدرس وبسایت
کد امنیتی   
 

trial-version