ABA


"שאלה ב html."
גירסת הדפסה        
קבוצות דיון בניית אתרים נושא #12179 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 12179
EHD
חבר מתאריך 13.8.03
87 הודעות
   17:21   29.05.07   
אל הפורום  
  שאלה ב html.  
 
   נניח יש לי טבלה עם 100 משבצות. 99 משבצות הן בגודל 110X82 ומכילות תמונה בגודל הנ"ל. כל תמונה מהווה לינק לאותה תמונה רק בגדול. המשבצת ה100 היא בגודל 430X287. אני רוצה שכל פעם שאני ילחץ על אחת התמונות הקטנות, התמונה הגדולה תהפוך אליה. עכשיו השאלה שלי היא אם אפשר לעשות את זה בדרך פשוטה בHtml משהו כמו <a href=x target=table1.tdx> או משהו בסגנון. אם לא אז אשמח לקבל עזרה דרך ג'אווה סקריפט או כל דרך אחרת.

תודה רבה

נ.ב
אני יודע איך לעשות את זה דרך פריימים אך לא מעוניין בדרך הזאת.

תודה


                                שתף        
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

  האשכול     מחבר     תאריך כתיבה     מספר  
  משהו כזה אולי? -DoTaN- 29.05.07 18:08 1
  פשוט מאוד: Ice Cold  29.05.07 18:11 2
     העתקת משלי!!! גנב!!!! -DoTaN- 29.05.07 18:11 3
         מחזק! תנו לו באן! MoonHunter 29.05.07 18:19 4
             הוא איים למחוק לי את התגובה D: -DoTaN- 29.05.07 18:27 5
  מלכים! EHD 29.05.07 19:07 6

       
-DoTaN-

   18:08   29.05.07   
אל הפורום  
  1. משהו כזה אולי?  
בתגובה להודעה מספר 0
 
   ערכתי לאחרונה בתאריך 29.05.07 בשעה 18:10 בברכה, -DoTaN-
 
שים את זה בHead:

<script>
function ChangeImage(link)
{
document.getElementById("BigImage").src = link;
}
</script>

התמונה ה"גדולה" שאתה רוצה שתשתנה, שים לה את זה:


<img src="image.jpg" id="BigImage">

ולכל התמונה הקטנות שים את זה:


<img src="SmallImage.jpg" onclick="ChangeImage(this.src);">

ועכשיו, כשתלחץ על אחת מהתמונות הקטנות, הגדולה תשתנה.


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Ice Cold  לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק
   18:11   29.05.07   
אל הפורום  
  2. פשוט מאוד:  
בתגובה להודעה מספר 0
 
1. שים את הקוד הזה ב-HEAD:

<SCRIPT>
function enlargePic(obj)
{
document.getElementById("bigPicture").src = obj.src;
}
</SCRIPT>

1. לכל תג תמונה קטנה הוסף את הקוד הבא:


<IMG ........ ........ onClick="enlargePic(this);".....

3. לתמונה בגדולה תן ID הנקרא bigPicture:


<IMG ................ .... id="bigPicture" .......

בהצלחה


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
-DoTaN-

   18:11   29.05.07   
אל הפורום  
  3. העתקת משלי!!! גנב!!!!  
בתגובה להודעה מספר 2
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
MoonHunter
חבר מתאריך 1.8.02
680 הודעות
   18:19   29.05.07   
אל הפורום  
  4. מחזק! תנו לו באן!  
בתגובה להודעה מספר 3
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
-DoTaN-

   18:27   29.05.07   
אל הפורום  
  5. הוא איים למחוק לי את התגובה D:  
בתגובה להודעה מספר 4
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
EHD
חבר מתאריך 13.8.03
87 הודעות
   19:07   29.05.07   
אל הפורום  
  6. מלכים!  
בתגובה להודעה מספר 0
 
   כל הכבוד לשניכם אעדכן פה ברגע שאסיים.

תודה רבה


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net