שלח תשובה

זירת השאלות

313
צפיות
4
תשובות

תמונה כלינק

,‏ 8 בנובמבר, 2004

שלום לכולם
נעים מאוד 🙂
יש לי 2 שאלות…
1. אני רוצה לשים תמונה כלינק אשר יפתח לי את אותה תמונה מוגדלת בחלון חדש,
   אמרו לי להשתמש בonclick=open.window אבל אין לי מושג מה הפרמטרים שצריך להכניס לו (כל מה שניסיתי פתח לי את התמונה המוגדלת בחלון הקיים ולא בחלון חדש)
איזה קוד אני צריכה להכניס כדי שזה יקרה?
2. ידוע למישהו אולי איפה אני יכולה למצוא קבצי פלש לגלרית תמונות בחינם?

תודה מראש.

תגיות:

4 תשובות

  1. BuildHome הגיב:

    תשובה
    <img src="img.gif" style="cursor:Hand;" OnClick="window.open(this.src,”,’width=200,height=250′);">
    שנה את הגובה והרוחב של החלום שיפתח (רוחב:200, גובה:250) לגודל המקורי של התמונה.

  2. zamsh הגיב:

    שאלה בהמשך לתשובה
    תודה רבה על התשובה המהירה
    לפני שאנחנו ממשיכים אני חייבת לתקן אותך במשו קטן…
    אני בת 🙂

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

    ושוב תודה מראש…

  3. zamsh הגיב:

    אגב
    התמונה המוקטנת שמופיעה בדף חייבת להיות בגודל בו היא מוצגת בדף (150X100)
    אחרת היא מתעוותת ולא מובנת בתצוגה הקטנה…

  4. BuildHome הגיב:

    תשובה
    במקום לעשות קישור על כל תמונה פשוט תוסיפי את זה בתוך תגית התמונה:
    OnClick="showPic(this.src);"

    תוסיפי את הפונקציה הזו ב-HEAD:
    <script type="text/javascript">
    function showPic(pic) {
        ptext = window.open("","image","width=850,height=550,scrollbars=yes");
        ptext.document.open();
        ptext.document.write(‘<html><head><title>הצגת תמונה</title>n’);
        ptext.document.write(‘</head>’);
        ptext.document.write(‘<body style="direction:rtl;font-family:Arial;font-size:12px;color:black;">n’);
        ptext.document.write(‘<div align="center">n’);
        ptext.document.write(‘<img src="’+pic+’" border="0" id="img" width="800" height="500"><br><br>n’);
        ptext.document.write(‘</div>’);
        ptext.document.write(‘</body></html>’);
        ptext.document.close();
    }
    </script>

    התמונה תפתח בפופ-אפ ברוחב 850 על 550 ותוצג בתוכו תמונה במרכז העמוד בגודל 800X500.

    שני את הקוד בהתאם.

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!