سلام به همگی، در پست امروز با یک پلاگین جی کوئری بسیار ساده و سبک در خدمت دوستان عزیز هستیم. این پلاگین با نام Fenixbox یکی از سبک ترین پلاگین های لایت باکس جی کوئری است که با پشتیبانی از رسپانسیو، تصاویر شما را قاب زیبای لایت باکس نمایش میدهد.
نحوه استفاده
۱- بارگذاری کتابخانه های fenixbox.css و fenixbox.js + Jquery در صفحه:
<link href="fenixbox.css" rel="stylesheet"> <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> <script src="fenixbox.js"></script>
۲- فراخوانی کتابخانه Font Awesome برای آیکن های بستن و بارگذاری:
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
۳- افزودن خاصیت کلاس fenixbox به تصاویر:
<img class="fenixbox" src="1.jpg" alt="" title="Example 1"> <img class="fenixbox" src="2.jpg" alt="" title="Example 2"> <img class="fenixbox" src="3.jpg" alt="" title="Example 3">
دانلود
- دانلود حجم 162 کیلوبایت
- پیش نمایشپیش نمایش آنلاین
- مشکلی دارید؟ جواب خود را در پست فروم بگیرید
- منبع : بیست اسکریپت لطفا رعایت کنید
مطلب مفیدی بود ؟
![استفاده از ویدئوی شاخص به جای تصویر شاخص [ آموزش ویدئویی ]](https://www.20script.ir/wp-content/themes/20script-v2/libs/timthumb.php?w=85&h=85&src=https://www.20script.ir/wp-content/uploads/featured-video-plus.jpg)
![دانلود نرم افزار ربات کامنت گذار در سایت ها [ آموزش ویدئویی ]](https://www.20script.ir/wp-content/themes/20script-v2/libs/timthumb.php?w=85&h=85&src=https://www.20script.ir/wp-content/uploads/comment-scraper.jpg)
![استفاده از ویدئوی شاخص به جای تصویر شاخص [ آموزش ویدئویی ]](https://www.20script.ir/wp-content/themes/20script-v2/libs/timthumb.php?w=245&h=240&src=https://www.20script.ir/wp-content/uploads/featured-video-plus.jpg)
![دانلود نرم افزار ربات کامنت گذار در سایت ها [ آموزش ویدئویی ]](https://www.20script.ir/wp-content/themes/20script-v2/libs/timthumb.php?w=245&h=240&src=https://www.20script.ir/wp-content/uploads/comment-scraper.jpg)
