למעשה יש כאן שכתוב מחדש של SWIPER – אפשרי גם לשנות במקום סלייד ל FADE
ואז בהתאם צריך קוד CSS על מנת להעלים את הסליידים הלא פעילים
חשוב להשבית בוידגט את הלולאה האינסופית וההפעלה האוטומטית (כי הכל משוכתב מחדש בקוד)

הקוד למעשה צובע את המספרים בהתאם ובנוסף אפרי ללחוץ על המספרים כדי להגיע לסלייד הנכון, וגם הצבע של המספר מתחלף ברגע שהסלייד עובר ולאא אחרי שהסלייד סיים את האנימציה

.swiper-slide {
display: none; /* הסתרת כל הסליידים כברירת מחדל */
opacity: 0;
transition: opacity 0.5s ease-in-out;
}

.swiper-slide-active {
display: block; /* הצגת הסלייד הפעיל */
opacity: 1;
}