| 彈出小視窗，並自動調整成適合圖片的視窗大小(三) |
| 範例 |
|
使用 JavaScript 程式後，可依據該圖檔實際大自動縮放適合該圖片尺寸的彈出視窗。 你也可以在此圖檔上使用滑鼠右鍵，選擇內容，查看你伸縮過的尺寸。 開啟方式：以網頁 + 圖片直接開啟，不含關閉視窗功能。 優點：如果你使用得是各類大小不一的圖片，你不用逐一設定彈出視窗尺寸，非常實用。 使用 JavaScript 程式如下： |
<script language="JavaScript" type="text/javascript">
function PopupPic(sPicURL) {
window.open( "popup.htm?"+sPicURL,"","resizable=1,height=200,width=200");
}
</script>
<BODY>
<a href="javascript:PopupPic('pics/pic01.jpg')">Image 1</a>
popup.htm 請按瀏覽器的檢視 原始碼查看
|
|
本報導資料來源：
SitePoint
Resize a Popup to Fit an Image's Size Demo |
){kind=link}
){kind=link}
請按瀏覽器的檢視原始碼查看