سلام استاد
میشه روش استفاده از کتابخانه ی swiper رو در دوره توضیح بدید؟
کتابخانه ی پرکاربردیه ولی متاسفانه داکیومنت کاملی نداره
اگه بشه توضیح بدید ممنون میشم
سلام
داکیومنتش که کامله!
حتی واسه هر موردی خودش نمونه داخل sandbox گذاشته
https://swiperjs.com/react
اینم دمو ها
https://swiperjs.com/demos
سلام
نه اتفاقا داکیومنتش چندان کامل نیست.
مشکل اینجاست که من میخوام چند مورد اسلایدر با طرح ها و اسلاید های متفاوت داخل یه پروژه استفاده کنم.
وقتی اینکارو میکنی بقیه ی اسلایدر ها که همه swiper هستن بهم میریزه.
برای html ,css خام من میدونم چیکار باید بکنی تا تغیر یک اسلایدر روی بقیه اثر نزاره اما داخل ری اکت نمیدونم چیکار میشه کرد.
خیلی هم توی اینترنت گشتم دنبالش ولی به نتیجه نرسیدم
متاسفانه داکیومنتش هم برای استفاده ی همزمان چند قالب با ظاهر و شکل متفاوت توی یک پروژه چیزی نگفته
اهان در این مورد
من قبلا از چندین طرح و اسلاید استفاده کردم
کد هاتون رو بفرستید شاید بتونم کمک کنم
اگر هم من نتونستم خود استاد حتما جوابتون رو میده
یعنی از قالب های مختلف swiper توی یک پروژه استفاده کردین؟
راجب کد که فرمودین بفرستم ؛ حقیقتش کد خاصی نیست هنوز و اینکه مثل وفتی باگ میخوری نیست که یه ارور داشته باشی.
حساب کنین سه تا اسلایدر از سوییپر میخوای استفاده کنی ، علاوه بر اینکه قالب بقیه بهم میریزه (مثلا یکی سه بعدیه ، یکی معمولی یکی به شکل دیگه ) هر سه تا بهم میریزه.
یا مثلا میخوای به یکی از سوییپر ها border-radius بدی ، میبینی بقیه ی اسلایدر ها هم این بوردر ردیوس رو گرفتن. (بخاطر اینه که کلاس دیفالتشون یکیه) .
توی html خام کافیه یه ایدی یونیک بدی یا یه کلاس منحصر به فرد. اما توی ری اکت به این آسونی ها نیست.
اگر که شما یا استاد راه حلی براش بلدید ممنون میشم راهنمایی کنین. چون من خیلی وقته درگیرشم
شما منظورتون این هست که بتونید از 2و3 نوع مختلف از swiper استفاده کنید و هر کدوم از سوئیپر ها استایل و موارد مربوط به خودشون رو داشته باشند؟
مثل این:
مخصوص اعضای ویژه 
//swiper 1
<Swiper
spaceBetween={30}
pagination={{
clickable: true,
}}
modules={[Pagination]}
className="mySwiper"
>
<SwiperSlide>Slide 1</SwiperSlide>
<SwiperSlide>Slide 2</SwiperSlide>
</Swiper>
//swiper 2
<Swiper
effect={"cube"}
grabCursor={true}
cubeEffect={{
shadow: true,
slideShadows: true,
shadowOffset: 20,
shadowScale: 0.94,
}}
pagination={true}
modules={[EffectCube, Pagination]}
className="mySwiper2"
>
<SwiperSlide>Slide 1</SwiperSlide>
<SwiperSlide>Slide 2</SwiperSlide>
</Swiper>یا نه کلن 1 دونه swiper داشته باشید و هر کدوم از SwiperSlide ها با نوعی خاص تعویض بشن؟
منظورم مورد اولی هست که اشاره کردید.
چند سویپر با ویژگی های منحصر به فرد.
مثلا پنج تا قالب متفاوت از سویپر.
به swiper slide کاری ندارم
این لینک زیر رو بررسی کنید
براتون 3 نوع مختلف swiper زدم
و برای هر کدوم استایل متفاوت در نظر گرفتم
https://github.com/msaebi031/swiper
حتما نگاه میکنم. چون چندین روزه درگیر همین مشکلم.
دست شما درد نکنه.
امکانش هست من از تلگرام به شما پیام بدم؟
سلام دوستان عزیز
فکر نمیکنم بتونم به دوره ری اکت دیگه چیز خاصی اضافه کنم چون به حد کافی موارد جهت آموزش هست
انشاالله شاید بعد از اتمام دوره در موردش چندین قسمت اضافه کنم
چون اضافه کردن آموزش کلی کتابخونه به دوره کار درستی هم نیست چون شاید ۱ ماه دیگه بروزرسانی بزرگی انجام بشه و کلا کدهای نوشته شده در دوره منسوخ خواهند شد و به همین دلیل در دوره تماما دارم سعی میکنم که از روی مستندات بهتون آموزش بدم تا خودتون بتونید ادامه مسیر رو برید
مثلا همین موردی که دارید تلاش میکنید بسیار عالی هست
موفق باشید
