عرفان محمدی
7 ماه پیش توسط عرفان محمدی مطرح شد
2 پاسخ

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

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


ثبت پرسش جدید
Javad Karimi
تخصص : فول استک
@javadkarimii 7 ماه پیش مطرح شد
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
            });
        });

عرفان محمدی
@عرفان محمدی 6 ماه پیش مطرح شد
0

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


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

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