ברוכים הבאים ל-LEMON!

קהילת LEMON הוקמה במטרה לשתף קטעי קוד (CSS, JS, PHP) ומדריכים שימושיים בין בוני אתרים באלמנטור.
באתר תוכלו למצוא מגוון קטעי קוד שונים שתוכלו לשלב באתרים שלכם. בנוסף, יעלו לאתר מדריכים מתקדמים בנושא אלמנטור, כלים ותוספים שקשורים לאלמנטור, ועוד מגוון מדריכים בנושא בניית אתרים.

הרשמו לניוזלטר

הרשמו עכשיו וקבלו עדכון מיידי בכל פעם שעולה תוכן חדש לאתר.

קבוצת LEMON בפייסבוק

אתם מוזמנים להצטרף!

קרוסלת לוגואים של אלמנטור בקצב קבוע

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

הגדרות הווידג׳ט

נשים בעמוד את הוידג׳ט קרוסלת תמונות ונוסיף את הלוגואים או התמונות הרצויות

חשוב: באפשרויות מתקדמות נשנה את ״מהירות הפעלה אוטומטית״ ל-0.
אפשר גם לשנות את שאר ההגדרות לפי התמונה הבאה:

קוד CSS

בCSS של הוידג׳ט נוסיף את הקוד הבא:

selector .swiper-wrapper {
    transition-timing-function: linear;
}Code language: CSS (css)

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

מדריכים נוספים שאולי יעניינו אתכם:

העתקת קישור

מוזמנים לשאול בפייסבוק!

13 תגובות

  1. אין לך מושג כמה זמן חיפשתי לבצע דבר כזה.
    שורה כל כך פשוטה עובד כמו קסם תודה רבה 🙂

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

    אז שאפו ממש! מדהים שזה רק שורת קוד אחת
    תודה!

  3. אחלה מדריך! הייתי מוסיף שלמי שמשתמש ב advance carousel של קרוקובלוק לטרגט את הקלאסס .slick-track ויש צורך להוסיף גם !important

  4. תודה רבה על כל המדריכים המועילים ממש!
    איך אפשר לטרגט כאשר מדובר בליסטינג של ג'ט שמוצג כקרוסלה? (סליידר)

  5. תודה רבה על המדריך!
    לילה לבן על חיפוש פתרון נגמר בחתיכת קוד פשוטה

  6. תודה רבה, אתה ממש קוסם:)
    שימושי מאד!
    יש לך רעיון אולי גם איך להקטין את הרווח שבין התמונות?
    תודה!

  7. איזה אלוףףףףףף
    חודשים אני מחפש לעשות את הדבר הזה !
    תודה !

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

לשאלות / בקשות / בעיות / כל דבר אחר… צרו איתנו קשר :)

אודות כותב/ת הפוסט
logo
נעים מאוד, אני כפיר בקיש. חולה דיגיטל, מייסד האתר LMN.co.il, פרילנסר בתחום העיצוב גרפי ובניית אתרים. בשנים האחרונות מתמקד בעיצוב ופיתוח אתרים מבוססי וורדפרס ואלמנטור, בדגש על אתרי תדמית מעניינים, דפי נחיתה, בלוגים ועוד. מאמין שהרצון ללמוד דברים חדשים ולהתפתח הוא הכרחי, במיוחד בתחום הדיגטל, ותמיד סקרן ללמוד ולשתף ידע. בין היתר מתעניין גם בעריכת וידיאו, אפטר אפקטס, תלת מימד, צילום ועוד ועוד…
הרשמו לניוזלטר

הרשמו עכשיו וקבלו עדכון מיידי בכל פעם שעולה תוכן חדש לאתר.