Facebook
Twitter
RSS416
צפיות
צפיות
4
תשובות
תשובות
תמונה כלינק
שלום לכולם
נעים מאוד 🙂
יש לי 2 שאלות…
1. אני רוצה לשים תמונה כלינק אשר יפתח לי את אותה תמונה מוגדלת בחלון חדש,
אמרו לי להשתמש בonclick=open.window אבל אין לי מושג מה הפרמטרים שצריך להכניס לו (כל מה שניסיתי פתח לי את התמונה המוגדלת בחלון הקיים ולא בחלון חדש)
איזה קוד אני צריכה להכניס כדי שזה יקרה?
2. ידוע למישהו אולי איפה אני יכולה למצוא קבצי פלש לגלרית תמונות בחינם?
תודה מראש.
4 תשובות
תשובה
<img src="img.gif" style="cursor:Hand;" OnClick="window.open(this.src,",'width=200,height=250');">
שנה את הגובה והרוחב של החלום שיפתח (רוחב:200, גובה:250) לגודל המקורי של התמונה.
שאלה בהמשך לתשובה
תודה רבה על התשובה המהירה
לפני שאנחנו ממשיכים אני חייבת לתקן אותך במשו קטן…
אני בת 🙂
עכשיו..
הקוד שנתת לי עובד (כמובן) אבל הוא פותח לי בחלון החדש את התמונה המוקטנת
ואני אסביר יותר את מה שאני מנסה לעשות..
בדף באתר יש לי מספר תמונות קטנות (150X100), אני רוצה שלחיצה על כל אחת מהן תפתח לי אותן בדף חדש מוגדלות לגודל 800X500
אולי לראות את מה שקיים עכשיו יעזור להבין בערך-
ושוב תודה מראש…
אגב
התמונה המוקטנת שמופיעה בדף חייבת להיות בגודל בו היא מוצגת בדף (150X100)
אחרת היא מתעוותת ולא מובנת בתצוגה הקטנה…
תשובה
במקום לעשות קישור על כל תמונה פשוט תוסיפי את זה בתוך תגית התמונה:
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.
שני את הקוד בהתאם.