ijquery

باز شدن دیالوگ در لایت باکس

screenshot

با استفاده از این پلاگین می توانید دیالوگ را در حالت لایت باکس باز کنید.

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

۱- فراخوانی کتابخانه پلاگین و خصوصیت ها

	<link rel="stylesheet" href="http://labs.voronianski.com/media/style/reset.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/avgrund.css" />
	<!--[if lt IE 9]>
		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script src="jquery.avgrund.js"></script>

2-  کد html جهت استفاده پلاگین

	<div class="container">
		<div class="buttons">
			<br /><a href="#" id="show" class="button">نشان بده</a>
		</div>
	</div>
	<script>
	$(function() {
		$('#show').avgrund({
			height: 200,
			holderClass: 'custom',
			showClose: true,
			showCloseText: '×',
			onBlurContainer: '.container',
			template: '<p>دنیای جی کوئری در بهمن ماه ۱۳۹۱ فعالیت خود را با هدف ایجاد منبعی برای دانلود سورس های آماده جی کوئری برای طراحان وب آغاز کرده است</p>' +
			'<div>' +
			'<a href="http://www.ijquery.ir" target="_blank" class="github">دنیای جی کوئری</a>' +
			'<a href="http://www.ijquery.ir/contact/" target="_blank" class="twitter">تماس با ما</a>' +
			'<a href="http://www.ijquery.ir/about/" target="_blank" class="dribble">درباره ما</a>' +
			'</div>'
		});
	});
	</script>

پیش نمایش دانلود فایل پلاگین

6 دیدگاه دربارهٔ «باز شدن دیالوگ در لایت باکس»

  1. سلام مهدی جان خسته نباشی..
    عزیز من یه جیکوئری توی این سایت تازه تاسیسم که لینکشو گذاشتم برای متن nav ام استفاده کردم ولی بدبختانه فارسی که مینویسم کار نمیکنه و نمایش نمیده .. و باید انگلیسی باشه موضوعاتم.. چیکار باید کنم؟؟
    ممنون میشم راهنمایی کنید اگه راهی هست..
    راستی من فقط همین منو رو زدم سایت شده 3 مگ… بخاطر فیلتر هاییه که استفاده کردم ؟؟

  2. سلام مهدی جان در مورد اون حجم که ممکنه همراه سورست فایل هایی که نیاز نبوده تو قالبت فراخوانی شده .
    در مورد فارسی پشتیبانی نشدن هم utf8 رو چک کن

  3. سلام و درود خدمت مدیر محترم سایت

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

    من یک صفحه ایندکس درست کردم ! که خودش فایل های سی اس اس و جی اس داره ! یعنی همش فراخانی شده

    بعد وقتی فایل های این پلاگین رو فراخانی می کنم ! و اون کد استفاده از این پلاگین رو توی ایندکس میزارم !

    روی دکمه که کلیک می کنم اصلا پنجره باز نمیشه ! متنی هم نشون نمیده !

    مشکل چیه ؟ چیکار باید بکنم

  4. سلام مهدی جان ؛

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

    مثل میهن وب هاست . الان همین کارو کرده . فقط پس زمینه سیاه نمیشه .

    من میخواهم همین کارو بکنم . چطوری ؟ تشکر

    1. سلام امیر جان لینک اصلی این پلاگین http://plugins.jquery.com/avgrund/
      اطلاعات جامع تر رو میتونی از اونجا بخونی !
      من خودم سورس رو نگاه نکردم اما معمولاً برای این پاپ اپ ها یک راه سادش استفاده از display block در css هست اما بعضی پلاگین ها که function براش مینوسند میشه از تابعی که به شما میده خود پلاگینش استفاده کرد واسه همچین کاری . چون میاد خودش یک سری کلاس مثلاً با تابع addClass به html ها استفاده میکنه یا مثلاً appendTo برای اضافه کردن html .

  5. سلام ببخشید من میزارم اینو فونت وبم به هم میریزه،اون کد اول رو که میزارم اینجوری میشه 🙁 چیکار کنم

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *