הרשם שאלות ותשובות רשימת חברים לוח שנה הודעות מהיום

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

   
|!|

השב
 
כלים לאשכול תצורת הצגה
ישן 28-06-09, 15:37   # 1
HOLD
חבר מתקדם
 
מיני פרופיל
תאריך הצטרפות: Oct 2008
הודעות: 623

HOLD לא מחובר  

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

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

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

דוגמא לתמונה שמתמשים בה ב-JS:


תודה לעוזרים.
  Reply With Quote
ישן 28-06-09, 16:17   # 2
PichiKan
חבר בקהילה
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
גיל: 37
הודעות: 143

PichiKan לא מחובר  

JS ?
onmouseover
אתה מתכוון לזה? אם כן חפש בגוגל.
  Reply With Quote
ישן 28-06-09, 16:46   # 3
HOLD
חבר מתקדם
 
מיני פרופיל
תאריך הצטרפות: Oct 2008
הודעות: 623

HOLD לא מחובר  

ציטוט:
נכתב במקור על ידי PichiKan צפה בהודעה
JS ?
onmouseover
אתה מתכוון לזה? אם כן חפש בגוגל.
כן, את זה אני יודע,
איך אני עושה שזה יראה את החלק התחתון של התמונה?
  Reply With Quote
ישן 28-06-09, 16:50   # 4
TGF.co.il
חבר בקהילה
 
מיני פרופיל
תאריך הצטרפות: Oct 2007
מיקום: ירושלים
הודעות: 123

TGF.co.il לא מחובר  

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

אתה בעצם עושה 2 תמונות, התמונה הרגילה והתמונה שאחרי שעוברים עליה, אתה תראה שם במדריך
  Reply With Quote
ישן 28-06-09, 17:09   # 5
daMn
הוסטסניון
 
מיני פרופיל
תאריך הצטרפות: Mar 2007
גיל: 34
הודעות: 2,050

daMn לא מחובר  

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

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


עריכה:
שימוש יפה באתר מוכר אפשר לראות בdigg.com
שהם משתמשים בתמונה הזאת.
__________________
"חינוך למדעי המחשב לא יכול להפוך אף אחד למתכנת מומחה יותר מאשר לימוד על מברשות וצבעים יכול להפוך מישהו לצייר מיומן."
(אריק ס. ריימונד)

Last edited by daMn; 28-06-09 at 17:11..
  Reply With Quote
ישן 28-06-09, 17:21   # 6
HOLD
חבר מתקדם
 
מיני פרופיל
תאריך הצטרפות: Oct 2008
הודעות: 623

HOLD לא מחובר  

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

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


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

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)
 


חוקי פירסום
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is מופעל
סמיילים הם מופעל
[IMG] קוד מופעל
קוד HTML מכובה

קפיצה לפורום


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

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ