2 پست در این موضوع قرار دارد

سلام دوستان

امروز می خواستم با 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
        }
    }
})
});

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

ممنون.

0

به اشتراک گذاری این پست


لینک به پست

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

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط j1989m
      سلام
       
      دارم برای وردپرس یه قالب میسازم، توش از پلاگین جی کوئری اسلایدر owlcarousel استفاده کردم و دو تا اسلایدر توی قالبم قرار دارم، میخوام اسلایدر کوچیکه روی اسلایدر بزرگه قرار بگیره، خب روشنه باید توی استایل ها پوزیشن رو absolute کنم، اما مشکلی که هست اینه که وقتی پوزیشن رو absolute میکنم اسلایدر بهم میریزه، بعد وقتی مرورگر رو ریسایز میکنم درست میشه! این مشکل قبل از اینکه قالب رو توی وردپرس قرار بدم، وجود نداشت
       
    • توسط Mohamad™
      سلام تا جایی که من میدونم افزونه بالای این سایت Owl Carousel هستش
      این سایتو ببینید
       
      https://www.android30t.com/ ایا میتونید راهنمایی کنید من چجوری میتونم این افزونه رو به این شکل داشته باشم ؟
      چون من فعال میکنم اصلا اینجوری نیستش و نمیتونم توی قالبم درست نمایشش بدم و در اصل نماش داده نمیشه