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

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - איך עושים שבמעבר על תמונה זה יראה את החלק התחתון שלה? (https://hosts.co.il/forums/showthread.php?t=76065)

HOLD	28-06-09 15:37

איך עושים שבמעבר על תמונה זה יראה את החלק התחתון שלה?

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

איך עושים את זה ב-JS?

דוגמא לתמונה שמתמשים בה ב-JS:
http://i42.tinypic.com/30vkhaq.gif

תודה לעוזרים.

PichiKan

28-06-09 16:17

JS ?
onmouseover
אתה מתכוון לזה? אם כן חפש בגוגל.

HOLD	28-06-09 16:46

ציטוט:

נכתב במקור על ידי PichiKan (פרסם 724415)

JS ?
onmouseover
אתה מתכוון לזה? אם כן חפש בגוגל.

כן, את זה אני יודע,
איך אני עושה שזה יראה את החלק התחתון של התמונה?

TGF.co.il

28-06-09 16:50

לא כזה בעיה בג'אווהסקריפט. הנה מדריך פשוט:
http://www.w3schools.com/jsref/jsref_onmouseover.asp

אתה בעצם עושה 2 תמונות, התמונה הרגילה והתמונה שאחרי שעוברים עליה, אתה תראה שם במדריך :)

daMn	28-06-09 17:09

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

כנס http://wellstyled.com/css-nopreload-rollovers.html, אני מאמין שתסתדר מפה.

עריכה:
שימוש יפה באתר מוכר אפשר לראות בdigg.com
שהם משתמשים בתמונה הזאת.

HOLD	28-06-09 17:21

ציטוט:

נכתב במקור על ידי daMn (פרסם 724427)

תודה.
נפתר.

כל הזמנים הם GMT +2. הזמן כעת הוא 07:02.