468x60

لایت باکس

time دوشنبه ۲ اردیبهشت ۱۳۹۲ comment ۳۵ دیدگاه view 12,599 بازدید

screenshot

با استفاده از این جی کوئری می توانید یک لایت باکس متنی  یا پاپ اپ متنی با افکت های جذاب ایجاد کنید .

آموزش استفاده

  1. فراخوانی css و js

     
  2. کدهای htmlو تبدیل <body> به <body onload=”openOffersDialog();”>

     

شرکت طراحی وب سایت پروگ پارس
مهدی فتحی
۱۳۹۲-۰۲-۰۲

سلام

میشه یک کدی بدین که این لایت باکس وقتی وارد سایت شدی خودش لایت باکس بیاد نه اینکه تو صفحه کلیک کنیم بعد لایت باکس بیاد .

ممنون میشم اگه این کد رو بدین .

mahdi
۱۳۹۲-۰۲-۰۲

باید popup.js رو ویرایش کنید و در تابع openOffersDialog از document.ready استفاده کنید .
براتون ویرایش کردم میتونید از لینک زیر دانلود کنید و جایگزین کنید .
http://www.ijquery.ir/wp-content/uploads/2013/06/popup.zip

امیر
۱۳۹۲-۰۲-۰۲

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

mahdi
۱۳۹۲-۰۲-۰۲

مرسی امیر عزیز

عسل
۱۳۹۲-۰۲-۰۲

سلام .از سایت بسیار خوبتون تشکر میکنم.من از jqyery هیچی نمیدونستم ولی با بررسی این کدها مطالب زیادی یاد گرفتم و واقعا بهتون خسته نباشید میگم . تشکد

mahdi
۱۳۹۲-۰۲-۰۲

سلام عسل خانم بسیار تبریک میگم . مرسی از نظرتون

حامد
۱۳۹۲-۰۲-۰۲

با سلام
از این لایت باکس چجوری میشه تو جوملا استفاده کرد.
مثلا میخوام واسه هر مطلبی که میذارم وقتی کاربر روی عکس مورد نظر کلیک کرد این لایت باکس باز بشه و توش توضیحات و لینک دانلود باشه.
تشکر

mahdi
۱۳۹۲-۰۲-۰۲

سلام ,
حامد جان در انجمن جوملا مطرح کنید یا این لایت باکس رو به صورت کامپونت باید استفاده کنید یا تو خود قالب ویرایش کنید

محمد
۱۳۹۲-۰۲-۰۲

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

چطوری میشه تغییری در اون ایجاد کرد که با باز شدن صفحه این پاپ آپ باز نشه و فقط فقط فقط در صورت کلیک روی متن باز شه؟

mahdi
۱۳۹۲-۰۲-۰۲

محمد جان باید popup.js رو ویرایش کنید و در تابع openOffersDialog از document.ready استفاده کنید .
براتون ویرایش کردم میتونید از لینک زیر دانلود کنید و جایگزین کنید .
http://www.ijquery.ir/wp-content/uploads/2013/06/popup.zip

محمد
۱۳۹۲-۰۲-۰۲

ممنونم از جوابت مهدی جان
در ویندوز که صفحه ارو اجرا می کنم همچنان با باز شدن صفجه لایت باکس باز میشه
من فقط فقط در صورت کلیک بر روی متن باز شه

mahdi
۱۳۹۲-۰۲-۰۲

یعنی با کدی که خدمتت گفتم باز با باز شدن صفحه باز میشه ؟ من این رو امتحان کردم اوکیه

mahdi
۱۳۹۲-۰۲-۰۲

سلام داداش واقعا ممنون
راست میگه دوستمون منم آدرسی که دادی جایگزین کردم popup
ولی فایده نداشت خودش خودکار باز میشه
گه میشه یه کد دیگه بدین خواهششششششششششش
لازم دارم :)

محمد
۱۳۹۲-۰۲-۰۲

بالاخره جواب نگرفت این پست؟

mahdi
۱۳۹۲-۰۲-۰۲

سلام عذر خواهی این کامنت از دستم در رفته بود .
شما تگ body رو باید onload رو برداری بعد به کلاس overlay یک display:none; بدی .
برای اینکه کارتون هم راحت شه براتون درست کردم از این لینک میتونید دانلود کنید .
http://www.ijquery.ir/wp-content/uploads/2013/08/fa.zip

محمد
۱۳۹۲-۰۲-۰۲

با سلام
من سایتم در قسمت وبسایت درج شده
برای قسمت ارسال پیامک اگر نگاه کنید یه فایل لود میشه با حجم ۴۲۵ کیلوبایت http://lo3.ir/templates/Lo3.IR/jss/jquery-ui.js

که سایت رو خیلی سنگین می کنه
این قسمت ارسال پیامک به صورت کشویی باز میشه و با زدن دکمه close بسته میشه
ممنون میشم راهنمایی کنید و راه حلی رو پیشنهاد بدید که حجم سایت من کم شه. همون طور که می دونید ۴۰۰ کیلوبایت حجم کسی نیست.
مرسی

mahdi
۱۳۹۲-۰۲-۰۲

آقا دستت درد نکنه کار کرد…….
فقط یه سوال من میخوام بزارم توی ایندکس تراوینم برای همین وقتی کدهارو میزارم متاسفانه بک گراندش تغییر میکنه …
اگه میشه زحمت این رو هم بکش که بک گراند نداشته باشه و بتونم توی سایتم استفاده کنم…….
آخه من جاوا اسکریپت بلد نیستم!!!! :)
ممنون میشم….ف

قط مثل اون نظره ازدستت نره هااااااااااااااااا خخخخخخخ

mahdi
۱۳۹۲-۰۲-۰۲

سلام مهدی جان لطفاً لینک بده چک کنم

mahdi
۱۳۹۲-۰۲-۰۲

داداش بیا این به دردت میخوره؟؟؟ فایل جاوا اسکریپت سایتمه!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
http://gigpars.com/upload/ofnh_crypt.js

mahdi
۱۳۹۲-۰۲-۰۲

مهدی جان منظورم صفحه ای که داری این لایت باکس رو تست میکنی رو لینک بدی

محمد
۱۳۹۲-۰۲-۰۲

کامنت من و ندیدی مدیر عزیز 😀

mahdi
۱۳۹۲-۰۲-۰۲

محمد جان شما میتونید کدهای http://lo3.ir/templates/Lo3.IR/jss/jquery-ui.js رو فشرده کنید تا کم حجم شه یعنی تمام کد ها کنار هم نوشته بشه

ehsan
۱۳۹۲-۰۲-۰۲

سلام.من از این کد استفاده کردم.اما لایت باکس دایما بازه و با کلید close هم بسته نمیشه و زمانی که ری مشاهده پاپ آپ کلیک کنید آنوقت صفحه کمی تاریک و گویی پاپ آپ دیگری باز میشود که کلید بستن نیز عمل میکند.اما بعد از بستن دوباره باز میشود.تصویر زمینه هم تغییر کرده است.

mahdi
۱۳۹۲-۰۲-۰۲

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

رضا
۱۳۹۲-۰۲-۰۲

سلام اقا مهدی و تشکر از اموزش خوبتون
ایا میشه افکتهای که لایت باکس تو جی کوئری رو تغیر داد و اگر میشه چه افکتهایی داره لطفا توضیح بدهید

مهدی
۱۳۹۲-۰۲-۰۲

سلام رضا جان کلاً این لایت باکس از متد .animate جی کوئری استفاده میکنه برای تغییرش میتونی پارامترها رو تغییر بدی

حمیدرضا قویدل
۱۳۹۲-۰۲-۰۲

سلام…
به تازگی با سایتتون آشنا شدم و خیلی پر محتوا و عالی هستش…

من از این لایت باکس برای خبرنامه سایت استفاده کردم که با وردپرس راه اندازی شده، میخوام گزینه ای به فهرست اصلی سایت اضافه کنم تا این باکس رو نشون بده ولی نمیدونم باید از چه تگی در قسمت آدرس فهرست استفاده کنم.
ممنونم میشم اگر کمکم کنید…
سپاس…

مهدی
۱۳۹۲-۰۲-۰۲

سلام حمید جان یعنی میخوای یک منو از فهرست ها اضافه کنی که روش کلیک شد لایت باکسی باز شه ؟

Mani
۱۳۹۲-۰۲-۰۲

اون فایلی که گذاشتید واسه دانلود ، میشه یخورده بیشتر در موردش توضیح بدید ؟ ممنون از سایت خوبتون

zohre
۱۳۹۲-۰۲-۰۲

سلام من یک فرم ثبت نام در صفحه اصلی قرار دادم میخوام وقتی روش کلیک میکنم،فرم به صورت لایت باکس یا همون پاپ آپ باز شه ولی نمیدونم چه جوری؟
کمکم کنید
خواهش میکنم
ممنون

مهدی
۱۳۹۲-۰۲-۰۲

سلام zohre خانم شما روی کدوم قسمت فرم میخوای کلیک کنی و یک لایت باکس باز شه ؟
چون اگه فرم رو submit کنی که باید یک سری اطلاعات سمت سرور ارسال بشه با ! دقیق تر بگید یا اگر نسخه آنلاین داری چک کنم

zohre
۱۳۹۲-۰۲-۰۲

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

zohre
۱۳۹۲-۰۲-۰۲

لطفا اگه میشه کدشو واسم ارسال کنید ممنون

مهدی
۱۳۹۲-۰۲-۰۲

اوکی من اگر منظور شما رو درست متوجه شده باشم شما میخوای یک لینک با نام ثبت نام روی صفحه اصلی سایت باشه وقتی روش کلیک شد فرم ثبت نام رو در لایت باکس نشون بده ؟!
برای این کار اول این سورس رو دانلود http://www.ijquery.ir/wp-content/uploads/2013/08/fa.zip
بعد هم سند html رو با یک نوت پد باز و فرم ثبت نام رو که نوشتی رو داخل div content بزار

مهرداد
۱۳۹۲-۰۲-۰۲

سایت خوبیه خسته نباشید
انشاله با همین قدرت ادامه بدین

دیدگاه خود را ارسال کنید :

اطلاعات فایل