הוסטס - פורום אחסון האתרים הגדול בישראל - js

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - js - גלרית תמונות (https://hosts.co.il/forums/showthread.php?t=62225)

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>

למה שלא תעשה את זה עם id במקום name? זה בטוח יעבוד ככה =\

מה הכוונה עם id? אשמח להסבר

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

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>

יש אפשרות לעשות את זה עם name כמו שאני עשיתי? אני אשמח.

תשאיר את name כמו שהוא, ותוסיף id לתגית. אל תשכח ש id צריך להיות ייחודי לכל תמונה.

אני לא רוצה להשתמש ב id , אני רוצה להשתמש בname בלבד. זה אמור לעבוד, אבל יש פאק.. אני מנסה לגלות מה הפאק. אשמח לעזרה עם הקוד שאני הצגתי, ולא פיתרונות אחרים

ציטוט:

נכתב במקור על ידי דור בן עמי (פרסם 626655)

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

ובפונקציות צריך לשנות משהו?
עריכה: אני קצת לא מבין, תוכל בבקשה להראות?

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

func(NAME)
func2(NAME)

ובפונקצייה עצמה אתה צריך לקבל את ה NAME, ולהשתמש בו.

function func(pic) {

לא שמתי לב מה כתבת, תודה.

ציטוט:

נכתב במקור על ידי דור בן עמי (פרסם 626662)

לא שמתי לב מה כתבת, תודה.

http://www.tukim.us/Tomer/t.php

יש אפשרות לשפר את זה, אבל ממש אין לי כוח לבנות לך את כל הקוד... זה אמור להספיק בשבילך.