עבור לתוכן

מהו הקוד שנותן לדפדף בין תמונות? ועוד שאלה בפנים

על-ידי yotam360
ב תכנות

Featured Replies

פורסם

בעיקרון סקריפט כנראה דיי ארוך

בעקרון כל האתר מבוסס על איזה שהיא מערכת (כמו מערכת פורומים)

  • ציטוט
    • פורסם

    אתה צריך לבנות אחד כזה או לחפש מוכן. תחפש picture album code או משהו בסגנון בGOOGLE.

  • ציטוט
    • פורסם

    בעיקרון סקריפט כנראה דיי ארוך

    בעקרון כל האתר מבוסס על איזה שהיא מערכת (כמו מערכת פורומים)

    לא כזה ארוך...

    <html><head><title>gallery</title><script language="JavaScript">
    y=0;
    function next()
     {
      if (y==37) {y=0;}
      y=y+1;
      pic.src='images'+'/'+y+'.jpg';
      pic.width=1024;
      pic.height=768;
     }
    function previous()
     {
      if (y==1) {y=37;}
      y=y-1;
      pic.src='images'+'/'+y+'.jpg';
      pic.width=1024;
      pic.height=768;
      }
    </script>
    </head>
    <body>
    <center><img src="images/1.jpg" name=pic>
    <br>
    <input type=button value=next onClick=next();>
     
    <input type=button value=previous onClick=previous();>
    </center>
    </body></html>

    הסקריפט מתאים ל-37 תמונות (אפשר לשנות... רשמתי אותו שנה שעברה לבגרות בHTML אז אני לא זוכר ממש איפה)

    התמונות צריכות ליהיות בתיקיה images וליהיות עם שם של 1.JPG עד ל 37.JPG

    ד"א זה דף HTML שלם

  • ציטוט
    • פורסם
    • מחבר

    ואאיייי

    איך לא חשבתי על זה?!?!?!

    תודה רבה!!! :yelclap:

  • ציטוט
    • פורסם

    חחחח

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

    פתרונות חלופיים:

    Flash

    Ajax

  • ציטוט
    • פורסם
    • מחבר

    אני יודע שיש אפשרויות אחרות.

    אבל בפרויקט שלי אני צריך להשתמש בג'אווה סקריפט.

  • ציטוט
    • פורסם

    אז אם אתה רוצה להרשים את המורה ולהתעלות מעל האחרים

    תקבע לך 2 יעדים :

    שיתמוך גם ב- FF

    שמעבר בין תמונות לא יצריך טעינת מחדש של כל הדף

    הדוגמא שנתת למעלה , מעפאנה אל תעשה כמו הדוגמא

    קצת ידע ב- XML גם יכול לעזור

  • ציטוט
    • פורסם
    • מחבר

    <html><head><title>gallery</title><script language="JavaScript">

    y=0;

    function next()

    {

    if (y==37) {y=0;}

    y=y+1;

    pic.src='images/A10'+'/'+y+'.jpg';

    pic.width=800;

    pic.height=600;

    }

    function previous()

    {

    if (y==1) {y=37;}

    y=y-1;

    pic.src='images/A10'+'/'+y+'.jpg';

    pic.width=800;

    pic.height=600;

    }

    </script>

    </head>

    <body dir="ltr">

    <select id="Select1">

    <option value="A10">A-10</option>

    <option value="B2">B-2</option>

    <option value="B52">B-52</option>

    <option value="F117">F-117</option>

    <option value="F14">F-14</option>

    <option value="F15">F-15</option>

    <option value="F16">F-16</option>

    <option value="F18">F-18</option>

    <option value="F22">F-22</option>

    </select>

    <center>

     </center>

    <center>

     </center>

    <center>

    <img src="images/A10/1.jpg" name=pic>

    <br>

    <input type=button value=next onClick=next();>

     

    <input type=button value=previous onClick=previous();>

    </center>

    </body></html>

    איך אני מעביר את הערך של ה-drop down list למקום המסומן במקום ה-A10

  • ציטוט
    • פורסם

    חחחח

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

    פתרונות חלופיים:

    Flash

    Ajax

    מה הקשר AJAX...

    להחליף תמונה זה פונקציונליות של HTTP request שהדפדפן יודע לעשות עם השרת בלי שתתצטרך להגיד לו באמצעות AJAX.

    וגם אי אפשר למשוך נתונים מקבצים בינאריים כמו תמונות באמצעות ajax...

    ופלאש הוא פתרון לא גמיש...

    בציקור javascript הוא הפתרון... אפשר גם לישם מנגנון preloading לתמונה הבאה ... ולהשאיר תמונות אחרונה בזכרון בתור אוביקט DOM - ככה הישום יהיה גם ממש זריז למשתמש.

  • ציטוט
    • פורסם

    רק תשים לב שמומלץ להשתמש בGetElementsByName, ולא במה שעשית שם משיקולי תאימות לדפדפנים שונים.

  • ציטוט
    • פורסם

    עדיף לתת לתמונה id ולהשתמש ב getElementById.

    פשוט יותר נכון מבחינת מה שאתה רוצה שהישום יעשה... getElementsByName מחזיר מערך של האוביקטים שמשתמשים name או ה id הזה.

    getElementById רק מחזיר את האוביקט הספציפי שיש לו את ה id שנתת לו... id מלחתחילה צריך להיות unique עבור האלמנט.

  • ציטוט
    • פורסם
    • מחבר

    ואיך בדיוק עושים את getElementsByName בקוד שעשיתי?? אני לא בדיוק מקצוען בדברים האלה ועדיין לא לימדו אותנו הרבה דברים כגון זה...

  • ציטוט

    • ארכיון

    דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

    עבור לרשימת הדיונים

    דיונים חדשים