رفتن به مطلب

پست های پیشنهاد شده

سلام دوستان

امروز می خواستم با owlcarousel کار کنم. ولی نمیدونم چرا درست و حسابی کار نمیکنه و محتوای div ها رو نشون نمیده.

کد html:

<div class="owl-carousel owl-theme">
  <div class="item"><p>content</p></div>
  <div class="item"><p>content</p></div>
  <div class="item"><p>content</p></div>
</div>

کد جاوا اسکریپت: من این کد رو توی فایل myscript.js خودم کپی کردم.

$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})
});

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

ممنون.

لینک به ارسال

سلام. این اسلایدر در حالت پیشفرض چپ چینه. برای اینکه راست چین بشه باید توی html کلاس owl-rtl رو به تگ اصلی اضافه کنید و توی کانفیگش هم اضافه کنید : rtl:true

  • امتیاز 2
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...