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

ניסו לעזור לי אך לא הצליחו,

הקוד שצריך להיפתח ממנו החלון פופ הוא: ( בקוד יש איזור לתמונה קטנה עם לינק לתמונה הגדולה, התמונה הגדולה היא: http://www.ticket.org.il/images/big/get.jpg)

קוד PHP:

 <td class="images"><a href="http://www.ticket.org.il/images/big/get.jpg" target="_blank"><img src="images/little/get.jpg" width="137" height="46" alt="" /></a></td> 


הקודים שאיתם ניסו לעזור לי:

קוד PHP:

 <a href="java script:void(0);windows.open('http://www.ticket.org.il/images/big/israpic.jpg');"><img src="http://www.ticket.org.il/images/little/israpic.jpg" align="top" border=0 width=137 height=46 ></a>
 
<a href="java script:void(0);opl('/images/big/israpic.jpg');"><img src="http://www.ticket.org.il/images/little/israpic.jpg" align="top" border=0 width=137 height=46 ></a>
 
<a href='java script:window.open("http://www.ticket.org.il/images/big/israpic.jpg","WebTitle");'<img src="http://www.ticket.org.il/images/little/israpic.jpg" align="top" border=0 width=137 height=46 ></a>
 
<a href='java script:window.open("http://www.ticket.org.il/images/big/israpic.jpg","WebTitle");'<img src="http://www.ticket.org.il/images/little/israpic.jpg" align="top" border=0 width=137 height=46 ></a>
 
<td class="images"><a href='java script:window.open("http://www.ticket.org.il/images/big/israpic.jpg","WebTitle");'<img src="images/little/get.jpg" width="137" height="46" alt="" /></a></td>
 
<td class="images"><a href='java script:window.open("http://www.ticket.org.il/images/big/israpic.jpg","WebTitle");'<img src="images/little/get.jpg" width="137" height="46" alt="" /></a></td> 


אני מקווה שהסברתי את עצמי טוב :\

תודה,
רועי
[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.invisionpower.co.il/style_emoticons/default/smile.gif]

הטעות העקרונית של כל מי שניסה לעזור לך הוא שלמרות השימוש ב-JS, הם לא הוסיפו את הפרמטרים של הגודל עבור החלון החדש שיפתח.

קוד מלא של פתיחת חלון יהיה:

קוד:

window.open('your image address', 'Window Title', 'toolbar,menubar,scrollbars,resizable,directories,  status,location,width=xxx,height=yyy,')

כאשר ניתן כל אחד מהפרמטרים הנוספים להוריד.
למשל כדי שלא יהיה ניתן לשנות את גודל החלון, רושמים את ה-"resizeable=no".
לצרכים שלך, אני משאר שהפקודה תראה בערך כך:

קוד:

<a href='java script:window.open("http://www.ticket.org.il/images/big/israpic.jpg","WebTitle",'toolbar=no,location=no,directories=no,status=no,  menubar=no,scrollbars=no,resizeable=no,width=xxx,h  eight=yyy');'<img src="http://www.ticket.org.il/images/little/israpic.jpg" align="top" border=0 width=137 height=46 ></a>

כאשר את xxx ו-yyy צריך להחליף ברוחב וגובה התמונה בפיקסלים בהתאמה.
החלון שיפתח לק ישתנה בגודל, לא יכיל את הפס למטה, שורת כתובת או תפריטים.
רק שים לב שחלק מהתגים לא עובדים בכל דפדפן...
שיהיה בהצלחה!

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

תנסה משהו כזה:

קוד PHP:

 <script type = "text/javascript">
function pop(page , width , height)
{
hewi = 'width=' + width + ',height=' + height;
window.open(page,'c','toolbar=0,scrollbars=0,locat  ion=0,statusbar=0,menubar=0,resizable=0,' + hewi)
}
</script>
<td class="images">
<a href="javascript: pop('http://www.ticket.org.il/images/big/get.jpg' , 137 , 46)" target="_blank">
<img src="images/little/get.jpg" width="137" height="46" alt="" />
</a>
</td> 


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

קבל בבקשה תיקון טעות שעשיתי בפעם הקודמת: שחכתי לסגור את תג ה-A בטעות, ולא בדקתי...

קוד:

<a href='javascript:window.open("http://www.ticket.org.il/images/big/israpic.jpg","WebTitle","toolbar=no,location=no,directories=no,status=no,me  nubar=no,scrollbars=no,resizeable=no,width=947,hei  ght=700");'><img src="http://www.ticket.org.il/images/little/israpic.jpg" align="top" border=0 width=137 height=46 ></a>

הקוד הזה אמור לעבוד.

שיהיה בהצלחה!

עריכה:
שים לב שמאיזו סיבה לא ברורה, הוא משום מה רושם רווחים בכמה מקומות שלא אמורים להיות שם (בעיה של פרש...)
he ight אמור להיות height וכו'..
תעבור על זה..

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

היי, קודם כל - תודה רבה, החלון פופ אפ עובד בצורה מצויינת,
אבל - כאשר לוחצים על התמונה הקטנה והיא נפתחת לפופ אפ - האתר בו נמצאת התמונה הקטנה, עובר לדף לבן ובו רשום:

קוד PHP:

 [object Window] 


שלום,
אכן, זה המצב...
השתמשתי כבסיס באחד הקודים שניתנו לך כאן קודם, והוא משתמש בתג A עם זימון JS...
אתה מוזמן להשתמש בשיטה הבאה:

קוד:

<img src="http://www.ticket.org.il/images/little/israpic.jpg" align="top" border=0 width=137 height=46 onClick='window.open("http://www.ticket.org.il/images/big/israpic.jpg","WebTitle","toolbar=no,location=no,directories=no,status=no,me    nubar=no,scrollbars=no,resizeable=no,width=947,hei    ght=700");'>

בנוסף הייתי רוצה לציין שאתה יכול להקל על עצמך את בניית הקוד בשיטה שהוזכרה ע"י אלעד.

שיהיה בהצלחה!

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

עובד עוד דבר קטן,
כשעוברים עם הסמן של העכבר על התמונה הקטנה, היא לא מופיעה כקישור אלא רק כתמונה (למרות כשלוחצים עליה זה קישור, אבל אין שום סימן שזה קישור - מקווה שהבנתם אותי :S )

תודה רבה!

זה כי התמונה באמת אינה קישור אלא רק תמונה עם אירוע לחיצה.
אם אתה רוצה, אתה יכול לעטוף את קוד התמונה בתג הבא:

קוד:

<a href="#"><img ....></a>

זה קישור שלא מוביל לשום מקום, מה שאומר שלמעשה החלון יקפוץ והדף הנוכחי לא ישתנה.

מקווה שעזרתי

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

תודה רבה,
עזרת לי מאוד

סגנון שבמעבר מעליה השתנה סימן העכבר לסימן במצב קישור

קוד

קוד:

<style>
#imgId:hover
{
cursor: pointer;
cursor: hand;
}
</style>