מרכז התמיכה של Wix
    ראשי
  1. יצירת האתר
  2. ניהול המדיה
  3. Pro Gallery
    4. Wix Pro Gallery: הוספת אנימציית גלילה לגלריה

Wix Pro Gallery: הוספת אנימציית גלילה לגלריה

זמן קריאה: 2 דקות
הוסיפו אפקט אנימציה שמופיע כשהגולשים גוללים בין פריטי הגלריה. הוספת אפקט מעבר לאנימציה עוזרת לשמור על סקרנות הגולשים לגבי הפריט הבא בגלריה.
האנימציות האלה מתחילות ברגע שהגולשים גוללים אל מתחת לחלק באתר שמכונה fold. 'above the fold' מתייחס לחלק באתר שגלוי מיד כשהאתר נטען. 'below the fold' הוא החלק באתר שצריך לגלול למטה כדי לראות.
טיפ:
המדריך הזה מתייחס לעריכת העיצוב של הגלריה לטובת צפייה במחשב שולחני. אתם יכולים גם לערוך את עיצוב הגלריה של אתר המובייל. 
כאן תוכלו לקרוא על:

הוספת אנימציית גלילה לגלריה

הוסיפו אפקט ויזואלי שמופעל כשהגולשים גוללים למטה בגלריה. אנימציות גלילה שונות זמינות בכל פריסות הגלריה למעט פריסת Magic. האפקטים הזמינים באנימציה תלויים בפריסה שתבחרו.

כדי להוסיף אנימציית גלילה לגלריה:

  1. הקליקו על Wix Pro Gallery ב-Editor.
  2. הקליקו על Settings (הגדרות).
  3. הקליקו על הטאב Design (עיצוב).
  4. הקליקו על Scroll Animations (אנימציות גלילה).
  5. בחרו אנימציה מהאפשרויות הבאות:
    • No effect: לא יופעל אפקט בגלילה.
    • Fade in: תמונות מופיעות בהדרגה במהלך הגלילה.
    • Grayscale: התמונות עוברות לשחור-לבן במהלך הגלילה.
    • Slide up: התמונות גולשות למעלה בזמן הגלילה.
    • Expand: התמונות גדלות במהלך הגלילה.
    • Shrink: התמונות הולכות וקטנות במהלך הגלילה.
    • Zoom out: התמונות קטנות בזום-אאוט במהלך הגלילה
    • One color: בזמן הגלילה מופעלת שכבת צבע על התמונות.
צילום מסך של אפקטים של אנימציה בטאב העיצוב בהגדרות הגלריה.
שימו לב:
בפריסות Slideshow ו-Thumbnails זמינות רק האנימציות Scroll,‏ Fade ו-Stack.

עריכת הגדרות האנימציה

כדאי להתאים את משך הזמן של אנימציית הגלילה ולהוסיף מעבר חלק בין הפריטים כדי ליצור עניין בקרב הגולשים לגבי הפריט הבא שעומד להופיע בגלריה.
שימו לב:
אתם יכולים לערוך אנימציות רק עבור פריסות עם גלילה אופקית.
Screenshot of Layout tab highlight where to set your layout's scroll direction to horizontal.

כדי לשנות את הגדרות האנימציה:

  1. הקליקו על Wix Pro Gallery ב-Editor.
  2. הקליקו על Settings (הגדרות).
  3. הקליקו על הטאב Design (עיצוב).
  4. הקליקו על Scroll Animations (אנימציות גלילה).
  5. הקליקו על Customize Animations (עריכת אנימציות).
  6. עריכת הגדרות האנימציה:
    • Transition style: הקליקו על התפריט הנפתח ובחרו את הסגנון ההפעלה של האנימציה (לדוגמה Linear (קווי), Ease in (כניסה), Bounce out (יציאה)). 
    • Duration: גררו את פס הזזה כדי לשנות את משך הזמן של האנימציה.
צילום מסך של החלונית Customize Animations. התפריט הנפתח Transition Styles מוצג.
בדקו איך הכל נראה באתר שבאוויר:
צפו בתצוגה מקדימה של האתר כדי לראות את האנימציות שלכם בפעולה.

זה עזר לך?

|

בעמוד מידע הזה

  • הוספת אנימציית גלילה לגלריה
  • עריכת הגדרות האנימציה