no-img

پلاگین جی کوئری لایت باکس


م
ن
و
آرنه وب | قالب رایگان وردپرس | افزونه وردپرس

ادامه مطلب

ZIP
پلاگین جی کوئری لایت باکس
zip
اردیبهشت ۵, ۱۳۹۴

پلاگین جی کوئری لایت باکس


http://dl.arneweb.ir/uploads/Lightbox-Plugin-Fenixbox-arneweb-ir.png

پلاگین جی کوئری لایت باکس ، پلاگین جی کوئری ریسپانسیو

در این پست از آرنه وب با یک پلاگین جی کوئری بسیار ساده و سبک در خدمت شما دوستان عزیز هستیم. این پلاگین با نام 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">

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

حتما بخوانید :  اسکریپت راه اندازی فروشگاه بازارچه فایل


موضوعات :
اسکریپت

درباره نویسنده

علیرضا نجاتی 602 نوشته در آرنه وب | قالب رایگان وردپرس | افزونه وردپرس دارد . مشاهده تمام نوشته های

دیدگاه ها


پاسخ دهید

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