رفتن به مطلب

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

سلام دوستان

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...