ערכתי לאחרונה בתאריך 19.07.07 בשעה 22:20 בברכה, MeToR
קודם כל, אתה בונה פונקציה שמקבלת כתובת של תמונה,
ופותחת לך את התמונה בחלון חדש בגודל מלא, ועושה שגודל החלון יהיה מתאים לגודל התמונה.
function openImage(imgSrc) { var img=new Image(); img.src=imgSrc; var imgWidth=img.width; var imgHeight=img.height; var newWin=window.open(imgSrc,null,'width='+imgWidth+',height='+imgHeight+',scrollbars=no'); }
|
אם אתה רוצה שזה יכניס קוד לחלון החדש, אתה מוסיף את זה בסוף הפונקציה:
newWin.document.write("<html>...</html>");
|
כמובן לפי הקוד שאתה רוצה...את התמונות אתה מציג בתור קישורים בדף ככה:
<a href="#" onClick="openImage('images/yourpic.jpg');"> <img src="images/yourpic.jpg" width="80" height="80" border="0" alt="" title=""> </a>
|
כמובן שתשנה את כתובת התמונה בהתאם במקומות הנדרשים...
ותוכל גם לשחק עם רוחב וגודל התמונה בתגית img שציינתי פה.
בהצלחה