גרסת מובייל ל-Revolution Slider (התאמת רספונסיביות)

על מנת לבצע התאמת רספונסיביות ל-Revolution Slider, אנחנו נעלים את הרקעים (כולל פרלקס) אם הם לא מסתדרים יפה בסלולר, ונשים במקום תמונות עם אנימציית תנועה רחבה שעוצבו ספציפית לסלולר.

הגודל צריך להיות בין 450-550 פיקסלים גובה (גרסת סלולר).

אם כן, אם התמונה נראית טוב בסלולר, אין צורך לבצע שינויים.

אם התמונה לא נראית טוב, יש להגדיר תחת Slide Options > Tags & Links את ה-Class הבא: "nmbkg" (קיצור של No Mobile BKG)

ולהוסיף את הקוד הבא ברזולוציות סלולר:

.nmbkg rs-sbg {
 background:white !important;
}
.nmbkg .rs-pzimg {
 display:none !important;
}

לאחר מכן,

1. יש להוסיף את התמונה שמיועדת לרקע לסלולר (להכין אותן ארוכות יותר בכוונה, גודל 500X750 פיקסלים)
2. יש להגדירה עם Responsivity > Visibility כמוסתרת תחת Laptop & Desktop
3. יש לגרור אותה הכי למטה (מתחת לשאר השכבות)
4. יש להיכנס תחת Size & Pos – ולהגדיר מירכוז אמצע, הצמדה למעלה למיקום הסופי – עם מרווח של 100 (מומלץ y – 100px, ניתן לבצע טיפה התאמות)
5. יש להגדיר את התמונה לרוחב של 100%, וללחוץ Enter כך הגובה נהיה Auto. להגדיר הכל יחסית ל-Scene המלא.
6. יש להגדיר אנימציה כמעט כאורך הסלייד המלא, עם תנועה לינארית (ללא Ease In), עם From שקיפות 1 (כך 100%) ו-20 פיקסלים (x + 20px) אופקי ו-30 פיקסלים (y + 30px) אנכי, עם ZOOM של 1.15 בכל ציר; ועם To של 10 פיקסלים אנכי (y + 10px) – כך שידמה את אפקט ה-Ken Burns.