תמונה מתחלפת במעבר עכבר

[נומי]

מחפשת המלצה לתוסף וורדפרס
שמחליף תמונה במעבר עכבר?
תודה

 

[זה אני :)]

יש אפשרות מאד פשוטה לעשות את זה ב java script
אבל אני ממש לא מבינה בוורדפרס, אז אני לא יודעת אם זה יכול לעזור לך

 

[נומי]

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

 

[שמואל גרינשטיין]

כדאי שתפרטי בדיוק מה את רוצה לעשות.
כדי שיוכלו לעזור לך.

מדובר בגלריה? בכפתור? מה בדיוק?

 

[נומי]

מדובר בוידג'ט מסוג תמונה + לינק
מה שעשיתי לבנתיים זה הגדרת CSS לתמונת רקע שונה בהובר (עם תחכום של הסתרת התמונה הקימת)
אני צריכה מספר אוביקטים כאלו
בטוחה שקיים תוסף שעושה זאת בקלות

 

[שמואל גרינשטיין]

מדובר בוידג'ט מסוג תמונה + לינק
מה שעשיתי לבנתיים זה הגדרת CSS לתמונת רקע שונה בהובר (עם תחכום של הסתרת התמונה הקימת)
אני צריכה מספר אוביקטים כאלו
בטוחה שקיים תוסף שעושה זאת בקלות

סליחה.

לא הבנתי כלום. ואני יודע דבר או שתים בוורדפרס. וגם ב-CSS.

מה זה ווידג'ט מסוג תמונה ? איזו פונקציה הוא ממלא ?



לגרום למופע ב-HOVER ולהעלים תמונה קיימת, לא דורש תחכום מיוחד.

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



טוב תעשי, אם תתני לינק לאתר / לדף או הדפים הבעיתיים. לחילופין, או בנוסף, קישור לדף הווידג'ט עליו את מדברת.

 

[avram]

חבל להתקשקש עם תוספים, זה לא יותר מ5 שורות קוד, תכניס בכל תמונה שאתה רוצה שתתחלף את המאפיין הזה: hover-src. ותוסיף את הקוד הזה לדף
https://jsfiddle.net/AvCohen/8wo3bsn9/

 

[נומי]

סליחה.

לא הבנתי כלום. ואני יודע דבר או שתים בוורדפרס. וגם ב-CSS.

מה זה ווידג'ט מסוג תמונה ? איזו פונקציה הוא ממלא ?

לגרום למופע ב-HOVER ולהעלים תמונה קיימת, לא דורש תחכום מיוחד.

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

טוב תעשי, אם תתני לינק לאתר / לדף או הדפים הבעיתיים. לחילופין, או בנוסף, קישור לדף הווידג'ט עליו את מדברת.

קודם כל הרעיון שנתת עם התמונה הארוכה הוא מקורי, תודה!
לגבי הוידג'טים זה כינוי לאלמנטים המוצגים בעמוד וורדפרס...
לכאורה מה יותר פשוט מלהשתמש בוידג'ט תמונה כדי להגדיר לה לינק מובנה + CLASS
ובעורך CSS להגדיר מצב HOVER של תמונה מתחלפת

בפועל, הייתי צריכה להשתמש ברעיון הזה
כדי להסתיר את התמונה המקורית בהובר

וחיפשתי תוסף כי לא רציתי לתת לכל תמונה CLASS נפרד ולהתעסק עם כ"כ הרבה לינקים
הרעיון של להזיז את התמונה ולא להחליף חוסכת את זה בגדול

avram, תודה! אבל משום מה זה לא עובד לי
(מאחר ואין לי ידע מספק בקוד ג'אווה אין לי מושג איפה הבעיה אצלי...)