תמונה נגללת במעבר עכבר באלמנטור

רוצים להוסיף אפקט גלילה לתמונה שלכם באלמנטור במעבר עכבר? האפקט יכול להיות שימושי למגוון מטרות, למשל כדי להציג את התיק עבודות באתר שלכם, אם אם יש לכם תמונה ארוכה ואתם לא רוצים שהיא תתפוס לכם את כל המסך או אפילו סתם כדי להוסיף עניין לעיצוב באתר שלכם.

במדריך זה, נלמד כיצד ליצור אפקט גלילה לתמונה באלמנטור ללא שימוש בקוד ובדרך קלה ופשוטה שמתאימה גם למתחילים.

שלב 1) צילום מסך של העמוד

נשתמש בתוסף לכרום לצילום כל המסך בעמוד שאותו תרצו להציג, אני משתמש עם התוסף הזה ← אבל כמובן שאפשר לצלם בכל דרך שנוחה לכם.

שלב 2) יצירת תמונה נגללת באלמנטור

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

• פתחו קונטיינר ונגדיר לו גובה של 380px.
  
• הוסיפו לקונטיינר ווידג'ט רווח (ללא ווידג'ט הקונטיינר לא יוצג משום שאין בתוכו שום מידע).
  
• בסגנון תחת רקע, הוסיפו את התמונה שצילמתם.
  
• בהגדרות התמונה, תחת מיקום, בחרו עליון מרכז.
  
• בחזרתיות, בחרו ללא חזרה.
  
• ובגודל תצוגה, בחרו כיסוי.

כעת, עליכם להגדיר את מעבר המעבר בין התמונות.

• תחת רקע בהגדרות מעבר, בחרו את אותם הנתונים כמו בהגדרות התמונה, אבל תחת מיקום, בחרו תחתון מרכז.
• ובמשך המעבר, נגדיר אותו על 7 (זה בערך זמן המעבר בין התמונה הקודמת לתמונה במעבר).

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

אני מקווה שהמדריך היה מעניין ומועיל. אם יש לכם שאלות או הערות, מוזמנים לרשום לי בתגובות.