|
|
22-04-08, 15:17
|
# 1 |
|
אחראי קהילה
|
js - גלרית תמונות
בגלל שהאחרונה שניסיתי עם הקודם והבא לא כ"כ הצלחתי ואף אחד לא הצליח לעזור לי.
אני מנסה משהו שונה, שגם זה לא מצליח: טבלה עם תמונות שכל פעם שעוברים עם העכבר על תמונה זה מגדיל את התמונהץ הבעיה היא שרק אם יש תמונה אחת זה מצליח אבל אם יש שתיים, זה לא עושה לאף אחת מהן. קוד:
<html dir=rtl>
<head>
<script language="javascript">
function func()
{
pic.width="150"
pic.height="150"
}
function func2()
{
pic.width="500"
pic.height="500"
}
</script>
</head>
<body link="blue" alink="blue" vlink="blue">
<font size="5" face="arial">
<center>
<h1>גלרית תמונות</h1>
<h3> להגדלה עבור על התמונה עם העכבר </h3>
<hr size="3" color="gold"> <br>
<table align="center" border="1" cellspacing="10">
<tr align="center">
<td>
<img name="pic" src="images/gallery/1.jpg" border="0" OnMouseOver="func2()" OnMouseOut="func()" width="150" height="150">
</td>
<td>
<img name="pic" src="images/gallery/2.jpg" border="0" OnMouseOver="func2()" OnMouseOut="func()" width="150" height="150">
</td>
</tr>
</table>
</font>
</center>
</body>
</html>
|
|
|
22-04-08, 15:22
|
# 3 |
|
אחראי קהילה
|
מה הכוונה עם id? אשמח להסבר
|
|
|
|
22-04-08, 15:28
|
# 4 |
|
חבר וותיק
|
אין לי ממש רעיון איך להסביר את זה יותר טוב אז אני פשוט אראה לך...
HTML קוד:
<html dir=rtl> <head> <script language="javascript"> function func(id) { var pic = document.getElementById(id).style; pic.width="150px"; pic.height="150px"; } function func2(id) { var pic = document.getElementById(id).style; pic.width="500px"; pic.height="500px"; } </script> </head> <body link="blue" alink="blue" vlink="blue"> <font size="5" face="arial"> <center> <h1>גלרית תמונות</h1> <h3> להגדלה עבור על התמונה עם העכבר </h3> <hr size="3" color="gold"> <br> <table align="center" border="1" cellspacing="10"> <tr align="center"> <td> <img id="pic1" src="images/gallery/1.jpg" border="0" OnMouseOver="func2('pic1')" OnMouseOut="func('pic1')" width="150" height="150"> </td> <td> <img id="pic2" src="images/gallery/2.jpg" border="0" OnMouseOver="func2('pic2')" OnMouseOut="func('pic2')" width="150" height="150"> </td> </tr> </table> </font> </center> </body> </html> ד"א אתה יכול לעשות את זה עם פונקציה אחת... HTML קוד:
<script type="text/javascript"> function func(id) { var pic = document.getElementById(id).style; if(pic.width == "150px") { pic.width="500px"; pic.height="500px"; } else { pic.width="150px"; pic.height="150px"; } } </script> |
|
|
|
22-04-08, 15:49
|
# 5 |
|
אחראי קהילה
|
יש אפשרות לעשות את זה עם name כמו שאני עשיתי? אני אשמח.
|
|
|
|
22-04-08, 15:54
|
# 6 |
|
Whatever
|
תשאיר את name כמו שהוא, ותוסיף id לתגית. אל תשכח ש id צריך להיות ייחודי לכל תמונה.
__________________
תומר |
|
|
|
22-04-08, 15:57
|
# 7 |
|
אחראי קהילה
|
אני לא רוצה להשתמש ב id , אני רוצה להשתמש בname בלבד. זה אמור לעבוד, אבל יש פאק.. אני מנסה לגלות מה הפאק. אשמח לעזרה עם הקוד שאני הצגתי, ולא פיתרונות אחרים
|
|
|
|
22-04-08, 15:58
|
# 8 | |
|
Whatever
|
ציטוט:
תן name שונה לכל תגית, ואז תעביר את ה name לפונקצייה.
__________________
תומר |
|
|
|
|
22-04-08, 15:58
|
# 9 |
|
אחראי קהילה
|
ובפונקציות צריך לשנות משהו?
עריכה: אני קצת לא מבין, תוכל בבקשה להראות? Last edited by דור; 22-04-08 at 16:01.. |
|
|
|
22-04-08, 16:02
|
# 10 |
|
Whatever
|
כן, להעביר בפונקציה את ה name. תגיד, אתה טורח לקרוא את מה שאני רושם בכלל?
func(NAME) func2(NAME) ובפונקצייה עצמה אתה צריך לקבל את ה NAME, ולהשתמש בו. function func(pic) {
__________________
תומר |
|
|
 |
| חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים) | |
| כלים לאשכול | |
| תצורת הצגה | |
|
|
תצורה משולבת
