یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
فاران محمدی
1 سال پیش توسط فاران محمدی مطرح شد
2 پاسخ

ساخت owl carousel در یک صفحه

سلام میخواستم بدونم چطور میتونم در یک صفحه چند اسلاید متفاوت با owl carousel درست کنم. چون دومین اسلاید که میزارم اولی به هم میریزه. ممنون میشم راهنمایی کنیم


ثبت پرسش جدید
Javad Karimi
تخصص : فول استک
@javadkarimii 1 سال پیش مطرح شد
1

احتمالا شناسه های یکسان استفادی میکنی

 <div class="owl-carousel owl-theme slide1">
        <div>محتوای اسلاید 1</div>
        <div>محتوای اسلاید 2</div>
        <div>محتوای اسلاید 3</div>
    </div>

    <!-- اسلاید دوم -->
    <div class="owl-carousel owl-theme slide2">
        <div>محتوای اسلاید 4</div>
        <div>محتوای اسلاید 5</div>
        <div>محتوای اسلاید 6</div>
    </div>
  $(document).ready(function(){
            // اسلاید اول
            $(".slide1").owlCarousel({
                items: 1,
                loop: true,
                autoplay: true,
                autoplayTimeout: 3000,
                autoplayHoverPause: true
            });

            // اسلاید دوم
            $(".slide2").owlCarousel({
                items: 1,
                loop: true,
                autoplay: true,
                autoplayTimeout: 3000,
                autoplayHoverPause: true
            });
        });

فاران محمدی
تخصص : طراح سایت
@FaranMHD 1 سال پیش مطرح شد
0

خیلی ممنون . فقط میشه لطفا بگید کد های css اینو چطور بنویسم ؟


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام