Elementor קרוסלת מדיה

[שועלית]

יצרתי קרוסלת מדיה באתר ואני רוצה שכשהמשתמש לוחץ על תמונה היא תוצג בדף,
אני מחפשת קוד PHP או CSS מוכן לזה ולא מוצאת,
יש כאן מישהו שיכול להדריך אותי קצת או לתת לי קישורים מתאימים לקוד?

 

[שועלית]

אולי @roni ravitz
עברתי על כל ההדרכות שלך וזה ממש עזר לי יישמתי הרבה מהם באתר שלי.

 

[שועלית]

אולי עכשיו יש כאן מישהו שיכול להסביר לי איך זה עובד?

 

[ראובן ליבוביץ]

יצרתי קרוסלת מדיה באתר

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

 

[שועלית]

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

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

 

[שועלית]

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

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

 

[ראובן ליבוביץ]

אז אם אני רוצה להשתמש בתמונה שהמשתמש לחץ עליה בקרוסלת מדיה איך אני ניגשת אליה?

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

 

[שועלית]

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

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

 

[ראובן ליבוביץ]

עכשיו הבנתי,
אפשרי עם jet popup יעבוד דינמי מצויין!

 

[שועלית]

עכשיו הבנתי,
אפשרי עם jet popup יעבוד דינמי מצויין!

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

 

[אלעזר 1]

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

יש אפשרות ליצור פונקציה בג'אווה סקריפט שתופעל בכל פעם שמשתמש לוחץ על תמונה בגלריה ותציג את התמונה מתחת לתמונת PNG של סלון עם מסגרת תלויה

 

[שועלית]

יש אפשרות ליצור פונקציה בג'אווה סקריפט שתופעל בכל פעם שמשתמש לוחץ על תמונה בגלריה ותציג את התמונה מתחת לתמונת PNG של סלון עם מסגרת תלויה

זה בדיוק מה שרציתי לעשות, אני יודעת איך לכתוב את זה בקוד אבל לא הבנתי איך כותבים את זה באלמנטור,
איך בקוד אני קוראת לתמונה אחת מתוך הקרוסלה ואיך אני מכנה את הלחיצה?
(בעבר הייתי בעולם ההייטק - אפליקציות, ועזבתי כנראה שקצת שכחתי...)
חיפשתי קוד כזה כתוב ולא מצאתי,
אשמח אם תוכלו לכוון אותי יותר....

 

[roni ravitz]

אפשרי עם jet popup יעבוד דינמי מצויין!

לא נראה לי שזה קשור.

אשמח אם תוכלו לכוון אותי יותר....

את מוסיפה תמונה (התמונה שבסלון) עם אלמנטור, ונותנת לו קלאס של my-img
מוסיפה את הקרוסלת מדיה,
בקרוסל מדיה, את נותנת לכל תמונה קישור (מותאם) כזה #1 לתמונה הראשונה #2 לתמונה השנייה וכו'
ואז מוסיפה את הקוד הבא (בווידג'ט HTML

<script>
jQuery(document).ready(function($){
    
$('.swiper-slide a[href="#1"]').click(function(){
$('.my-img img').attr("src","http://my-img1.jpg");
$('.my-img img').attr("srcset","http://my-img1.jpg"); });
    
$('.swiper-slide a[href="#2"]').click(function(){
$('.my-img img').attr("src","http://my-img2.jpg");
$('.my-img img').attr("srcset","http://my-img2.jpg"); });
    
});
</script>

תצטרכי בקוד להחליף את הכתובת של התמונות

 

[שועלית]

@roni ravitz
וואו תודה רבה רבה!
זה מה שחיפשתי.