View Full Version : آموزش: اموزش استفادی از پلاگین fancyBox
mohamad_torabi
شنبه 27 اردیبهشت 1393, 16:15 عصر
سلام
در این تاپیک اموزش استفاده از پلاگین fancyBox برای تازه کاران رو اموزش میده اموزش قسمت به قسمت است
در صورت استفاده تشکر فراموش نشه
mohamad_torabi
شنبه 27 اردیبهشت 1393, 16:19 عصر
قسمت اول : دانلود fancyBox از وبسایت
1 - ابتدا به وبسایت http://fancybox.net/ بروید
2 - سمت راست روی Download fancyBox2 from http://fancyapps.com (http://fancyapps.com/fancybox/) کلیک کنید
3 - اسکرول کنید و روی دکمه آبی رنگ Download v2.1.5 (https://github.com/fancyapps/fancyBox/zipball/v2.1.5) کلیک کنید
4 - منتظر بمانید تا فایل دانلود شود
5 - اکسترکت کردن فایل
mohamad_torabi
شنبه 27 اردیبهشت 1393, 16:29 عصر
استفاده از پلاگین
1 - پوشه ی source رو از فایل دانلودی کپی کنید در پوشه ی سایتتون
2 - نوبت به فراخوانی جی کوئری رسیده
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="js/jquery.fancybox.css?v=2.1.5" media="screen" />
3 - سپس تو تگ head تون کد زیر رو کپی کنید
<script>
$(document).ready(function() {
$("#mytest").click(function() {
$.fancybox.open('متن پنجره');
});
});
</script>
کد بالا میگه هر ای دییه که my test بود پنچر پاپ اپ رو باز کن
4 - و حالا یه دیو میسازید و ایدیه my test بهش میدید
<a id="mytest" href="javascript:;">View Image</a>
اگر نمونه های بیشتری خواستید وارد سایتش بشید و مشاهده کنید
بدرود
mohamad_torabi
یک شنبه 28 اردیبهشت 1393, 20:49 عصر
امیدوار بودم از این اموزش بیشتر استقبال شه
vBulletin® v4.2.5, Copyright ©2000-1403, Jelsoft Enterprises Ltd.