ijquery

اسلایدر زیبای رسپانسیو

9 دیدگاه / اسلاید شو / از

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

bxslider_screenshot

روش نصب پلاگین

مرحله اول: ابتدا فایل های مربوطه را به پروژه خود الحاق کنید

<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />

مرحله دوم: سپس کد html مربوط به اسلایدهای اسلایدر را بصورت زیر در داخل تگ بادی اضافه کنید

<ul class="bxslider">
  <li><img src="/images/pic1.jpg" /></li>
  <li><img src="/images/pic2.jpg" /></li>
  <li><img src="/images/pic3.jpg" /></li>
  <li><img src="/images/pic4.jpg" /></li>
</ul>

مرحله سوم: و در آخر قطعه کد راه اندازی اسلایدر را بصورت زیر در داخل تگ <head> وارد کنید

$(document).ready(function(){
  $('.bxslider').bxSlider();
});

 

 


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

9 دیدگاه دربارهٔ «اسلایدر زیبای رسپانسیو»

    1. مهدی

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

      پاسخ
  3. ج

    سلام
    من این اسلایدر رو برای وبلاگ میخوام – فایلهای مرحله اول که شامل جاوا اساکریپت و سی اس اس هست رو باید آپلود کنم یا لازم نیست و بعد باید دقیقا کجا بزارمش؟

    پاسخ
  4. مهدی

    شما باید هم js هم css هم عکس ها رو اپلود کنی و دقیق آدرس دهی کنی وگر نه کار نمیکنه .
    الان اگر عکس ها رو نخونه شما عکس رو اپلود هم کرده باشی آدرس رو درست وارد نکردی تو src

    پاسخ

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

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