כך: אם זה על תגית תמונה אז: <img src="this.jpg" onmouseover="this.src='other.jpg'" onmouseout="this.src='this.jpg'" alt="" />
אם זה סתם על אלמנט אז: <element onmouseover="this.style.backgroundImage= url(other.jpg)" onmouseout="this.style.backgroundImage= url()"> </element>
אני אישית אוהב יותר את הדרך התקנית שבא מגדירים לאלמנט מסוים דרך ה-CSS את אפקטי ה-CSS שיעשו עליו בזמן שעוברים עליו בעזרת הפסאודו hover: <style type="text/css"> #id:hover {background-image:url(this.jpg);} </style> <div id="id"></div>
סבבה תודה… אבל זה מקרטע לוקח לזה לזה זמן וזה לא רץ חלק כמו בלינק (צד ימין בכחול) http://news.walla.co.il/?w=//575110 יש דרך ליעל שיעבוד כך? ראיתי בקוד של הלינק משהוא בקשר לclass ושם נתקעתי…..
12 תשובות
ככה
<td onmouseover="this.style.background='blue'" onmouseout="this.style.background='black'">הצבע משתנה</td>
אתה בטח מתכוון ל-
.style.backgroundColor
ואיך עושה עם תמונה?
כלומר שתמונה תופיע כאשר העכבר מעל?
כך:
אם זה על תגית תמונה אז:
<img src="this.jpg" onmouseover="this.src='other.jpg'" onmouseout="this.src='this.jpg'" alt="" />
אם זה סתם על אלמנט אז:
<element onmouseover="this.style.backgroundImage= url(other.jpg)" onmouseout="this.style.backgroundImage= url()">
</element>
אני אישית אוהב יותר את הדרך התקנית שבא מגדירים לאלמנט מסוים דרך ה-CSS את אפקטי ה-CSS שיעשו עליו בזמן שעוברים עליו בעזרת הפסאודו hover:
<style type="text/css">
#id:hover {background-image:url(this.jpg);}
</style>
<div id="id"></div>
השתמשתי בשני וזה לא עובד….
רואים טעות?
<td bgcolor = "#ff9900" onmouseover="this.style.backgroundImage= 'button_bg.jpg'" onmouseout="this.style.backgroundImage= url()">
תסתכל שוב![](/images/2.gif)
<td bgcolor = "#ff9900" onmouseover="this.style.backgroundImage= url('button_bg.jpg')" onmouseout="this.style.backgroundImage= url()">
ניסיתי גם כך וזה לא עובד…
יש למישהו אולי רעיון למה…? (הכתובת של התמונה נכונה בטוח)…
מה ז"א לא עובד :-/
יש שגיאה או משהו?
כי אם אין אז חכה מספר שניות עד שזה יטעון את התמונה
זה לא עובד…
וברגע שאני עובר מעל התא עם העכבר האספלורר רושם לי ERROR בסטטוס בר…….
מוכר למישהו?
כך
<td bgcolor = "#ff9900" onmouseover="this.style.backgroundImage= 'url(button_bg.jpg)'" onmouseout="this.style.backgroundImage= 'url()'">
הגרשים (' ') צריכים להקיף את URL ולא את כתובת התמונה
לוקח לזה לזה זמן וזה לא רץ חלק כמו בלינק (צד ימין בכחול)
http://news.walla.co.il/?w=//575110
יש דרך ליעל שיעבוד כך? ראיתי בקוד של הלינק משהוא בקשר לclass ושם נתקעתי…..
פשוט משתמשים בקוד
לטעינה מוקדמת של תמונות
יוצרים בתחילת העמוד מספר אובייקטי תמונה ולכל אחד נותנים את ה-SRC של התמונה שרוצים לטעון מוקדם
על אובייקט התמונה תוכל לקרוא במדור JS