آموزش ایجاد اسلاید ساده با جی کوئری
سلام
این هم آموزش ساخت یه اسلایدر ساده با کمک جی کوئری

ابتدا کدهای HTML لازم :

<div class="slider">
    <ul>
      <li><img src="img/1.png"></li>
      <li><img src="img/2.png"></li>
      <li><img src="img/3.png"></li>
      <li><img src="img/4.png"></li>
    </ul>
  </div>

  <div>
    <ul>
      <li><a href="javascript:sliders[0].goToPrev()">قبلی</a></li>
      <li><a href="javascript:sliders[0].goToNext()">بعدی</a></li>
    </ul>
  </div>


قدم بعدی افزودن کدهای CSS که براتون پیوستش کردم :
نام فایل : style.txt
اندازه : 597 bytes
پسورد : www.mybbco.ir
فقط اعضا میتوانند فایل پیوست را دریافت کنند .


قدم بعدی افزودن کدهای JS هست که اون رو هم براتون پیوست کردم :
نام فایل : js.txt
اندازه : 853 bytes
پسورد : www.mybbco.ir
فقط اعضا میتوانند فایل پیوست را دریافت کنند .



در آخر هم کد زیر رو بعد از همه کدها قرار بدید :
<script>
    var sliders = []
    $('.slider').each(function() {
    sliders.push(new Slider(this))
    })
    </script>


موفق باشید
منبع : rafbm.github.io
thanks
نویسنده :

X
دانلود پلاگین نمایش فعال ترین کاربران طی 24 ساعت گذشته
[color=red] نویسنده : [/color]Yaldaram  [color=red]  ترجمه شده توسط : [/color]Mahdi_Sarmadi [color ...
تعیین نشده
دیدگاه های کاربران 0

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :