מכירים את זה שאתם רוצים לעשות קרוסלת תמונות במצב Center Mode, כזה שהתמונות ״מבצבצות״ החוצה בצדדים?
במדריך הזה נראה איך עושים את זה בקלות בלי תוספים מלבד אלמנטור ושורה אחת של קוד.
שלב ראשון – יצירת קונטיינר והוספת קרוסלת תמונות
הגדרות חשובות:
- הגדרות הקונטיינר- פריסה > אפשרויות נוספות > גלישה > מוסתר.
- הגדרות קרוסלה- תוכן > תצוגת שקופיות > סמנו 1
- וגם בהגדרות קרוסלה- מתקדם > רוחב מותאם > תבחרו את הרוחב הרצוי.
שלב שני – הוספת קוד CSS
בקרוסלת תמונות תוסיפו את הCSS הבא
selector .swiper {
overflow: visible;
}Code language: CSS (css)תוצאה
