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

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

مشکل کلاس ها در swiper js

سلام دوستان خسته نباشید.
کسی با swiper js کار کرده؟
مشکل من این هست که می خوام در دو کامپوننت جداگونه از swiper استفاده کنم و می خوام استایل های متفاتی بهشون بدم(اصلا دو چیز کاملا متفاوت هستند) وقتی این کامپوننت ها با هم در یک صفحه قرار می گیرند cssشون تداخل پیدا می کنه.به نظرم خودم بهترین راه تغییر کلاس هاشون هست.اما این کار رو بلد نیستم و چیزی هم در سایت خودش پیدا نکردم.
کسی میدونه باید چیکار کنم؟


ثبت پرسش جدید
سید هادی خانیان
تخصص : برنامه نویس PHP
@hadikhanian 2 سال پیش مطرح شد
1

در اصل مشکل شما در نحوه Style دهی است، ربطی به swiper نداره اصلا.
شما باید برای جدا سازی هر یک از swiper ها یک ID یا Class به container اصلی swiper توی HTML بدید و نسبت به اون بیاد CSS ها را تغییر دهید.
swiper خودش یکسری کلاس پیش فرض به item ها اضافه میکنه از اونها با توجه به ID یا کلاسی که به container اصلی دادید میشه به هر اسلاید Style دهی متفاوتی انجام داد.
مثال خیلی خوب از همین مورد صفحه اصلی راکت را باز کنید کد های قسمت "مسیرهای یادگیری" را بررسی نمایید.


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

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