JS ב HebNuker

22-06-2006, 14:49

שאלה | תצוגה מקדימה לתמונות במעבר עכבר.

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

22-06-2006, 15:09

GreenBerret GreenBerret אינו מחובר

חבר מתאריך: 13.12.05

הודעות: 1,963

בתגובה להודעה מספר 1 שנכתבה על ידי iKamoni שמתחילה ב "שאלה | תצוגה מקדימה לתמונות במעבר עכבר."

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

נערך לאחרונה ע"י GreenBerret בתאריך 22-06-2006 בשעה 15:12.

עדיף בJAVASCRIPT כך:

בתגובה להודעה מספר 1 שנכתבה על ידי iKamoni שמתחילה ב "שאלה | תצוגה מקדימה לתמונות במעבר עכבר."

זה הקוד:

<html>
<head>
<script language="javascript">
</script>

</head>
<body>
<img src="main.jpg" name="main" border=20>
<img src="1.jpg" onMouseOver="document.main.src='3.jpg'" onMouseOut="document.main.src='main.jpg'" border=20>
<img src="2.jpg" onMouseOver="document.main.src='4.jpg'" onMouseOut="document.main.src='main.jpg'" border=20>
</body>

</html>

בתגובה להודעה מספר 3 שנכתבה על ידי opoyair שמתחילה ב "עדיף בJAVASCRIPT כך:"

מה עם אנשים שאין להם תמיכה בסקריפטים בדפדפן או שהם ביטלו אותה?
הקוד שהצגת לא ממש תקני... הרץ אותו בבודק התקינות של W3C למידע נוסף.

בתגובה להודעה מספר 4 שנכתבה על ידי דור שמתחילה ב "[list=1] [*]מה עם אנשים שאין..."

ממש לא *

23-06-2006, 09:26

GreenBerret GreenBerret אינו מחובר

חבר מתאריך: 13.12.05

הודעות: 1,963

בתגובה להודעה מספר 3 שנכתבה על ידי opoyair שמתחילה ב "עדיף בJAVASCRIPT כך:"

ולמה עדיף בJS?

כי מייקרוסופט שולתים!!!!11!!!1

בתגובה להודעה מספר 6 שנכתבה על ידי GreenBerret שמתחילה ב "ולמה עדיף בJS?"

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

23-06-2006, 11:59

Silver Strike Silver Strike אינו מחובר

חבר מתאריך: 11.09.04

הודעות: 1,032

בתגובה להודעה מספר 7 שנכתבה על ידי ישראל K שמתחילה ב "כי מייקרוסופט שולתים!!!!11!!!1"

ממתי אתה יודע פאקצית?

אני עדיין לא הבנתי איך אתה מתכנן לבצע דבר כזה ב-CSS
וכמובן שב-JS זה יהיה יותר נכון לעשיה (הפרדת פעולה מעיצוב ומתוכן)

_____________________________________

בתגובה להודעה מספר 8 שנכתבה על ידי Silver Strike שמתחילה ב "ממתי אתה יודע פאקצית? ::6..."

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

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

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

#10

23-06-2006, 13:32

Silver Strike Silver Strike אינו מחובר

חבר מתאריך: 11.09.04

הודעות: 1,032

אמנם הפעולה היא עיצובית, ואכן מדובר בתחום אפור...

בתגובה להודעה מספר 9 שנכתבה על ידי ישראל K שמתחילה ב "שילמתי כסף למתורגמנית, ילדה..."

אבל נראה לי שעדיין יש כאן הגדרת פעולה (שאמנם היא עיצובית לחלוטין - אבל עדיין פעולה) שלא אמורה להתבצע דרך ה-CSS.
באותה מידה אפשר לוותר על כל פעולות ה-onmouseover של Javascript

_____________________________________

#11

23-06-2006, 12:35

GreenBerret GreenBerret אינו מחובר

חבר מתאריך: 13.12.05

הודעות: 1,963

בתגובה להודעה מספר 8 שנכתבה על ידי Silver Strike שמתחילה ב "ממתי אתה יודע פאקצית? ::6..."

אני יודע שאתה לא אוהב את זה, אבל תראה איזה יופי זה עובד
http://www.cssplay.co.uk/menu/mytv.html

עריכה: ישראל... אני עדיין לא לקחתי על עצמי שום דבר בCSS.
אבל אם מישהו יכתוב טעות - אני אתקן, בדיוק כמוך D:

#12

23-06-2006, 13:29

Silver Strike Silver Strike אינו מחובר

חבר מתאריך: 11.09.04

הודעות: 1,032

בתגובה להודעה מספר 11 שנכתבה על ידי GreenBerret שמתחילה ב "אני יודע שאתה לא אוהב את זה,..."

הרעיון חמוד אבל מיותר.
הם מתחילים להתעסק שם ב-position מיותר.
הם צריכים ללמוד לכתוב CSS יעיל.

_____________________________________

בתגובה להודעה מספר 1 שנכתבה על ידי iKamoni שמתחילה ב "שאלה | תצוגה מקדימה לתמונות במעבר עכבר."

תודה לכולכם :]]!!

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

« לאשכול הקודם | לאשכול הבא »

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים אתה לא יכול להגיב לאשכולות אתה לא יכול לצרף קבצים אתה לא יכול לערוך את ההודעות שלך קוד vB פעיל סמיילים פעיל קוד [IMG] פעיל קוד HTML כבוי

מעבר לפורום

כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 14:10

הדף נוצר ב 0.05 שניות עם 12 שאילתות
צור קשר - Fresh - למעלה