PDA

這裡有沒有網頁高手



贊助商連結

vicky2395
2003-04-08, 08:39 PM
我最近作了一個網站 其中有一頁 裡面很多小圖
我想讓網路上的訪客 點選那些小圖都可以跑出放大圖的新視窗
這新視窗 只要再點選圖片就又立刻關閉
就像下列網站這樣
http://shopping.pchome.com.tw/special/detail.php?pid=3MN95
可是我不知道該怎麼作(我看過他的語法好複雜 複雜到...我不會改)

之前試過dreamweaver
裡面確實有這樣的功能設定
可是很奇怪....我滑鼠一滑過去(沒有點選喔)
不用點選新視窗就自動跑出來 真是徒增困擾

又上網找過java script 參考別人的語法
可是我那些程式都是按鍵作連結阿
我的是用圖片連結的阿 不會改 傷腦筋
有沒有哪位高手能幫幫我 解決疑惑

說聲謝謝先^^

贊助商連結

sean1976
2003-04-08, 10:55 PM
以下第一頁
<script language="javascript">
<!--
function popup(nWidth,nHeight,sName){
var sFeatures = 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no';
sFeatures += ',width=' + nWidth + ',height=' + nHeight;
window.open('large.html',sName,sFeatures);
return;
}
//-->
</script>

<a href="javascript:popup(視窗寬度,視窗高度,'視窗名稱');"><img scr="小圖" border=0></a>

以下放大圖的網頁 large.html
<HTML>
<HEAD>
<TITLE> WinName</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5">
</HEAD>

<BODY BGCOLOR=#FFFFFF topmargin="0" leftmargin="0" marginheight=0 marginwidth=0 onload="this.window.focus();">
<a href="javascript:window.close();"><img src="大圖網址" border=0 alt="點圖關視窗"></a>
</BODY>
</HTML>
ethanliu
2003-04-08, 11:02 PM
之前試過dreamweaver
裡面確實有這樣的功能設定
可是很奇怪....我滑鼠一滑過去(沒有點選喔)
不用點選新視窗就自動跑出來 真是徒增困擾

事件設錯了，應該是 onClick 不是 onMouseOver


又上網找過java script 參考別人的語法
可是我那些程式都是按鍵作連結阿
我的是用圖片連結的阿 不會改 傷腦筋
有沒有哪位高手能幫幫我 解決疑惑
說聲謝謝先^^
<input type=button onClick="top.window.close();">
同樣的，可寫在圖片上 <a href="#" onClick="top.window.close();"><img xxx></a>
vicky2395
2003-04-08, 11:48 PM
謝謝你們的回應
我試試看

謝謝喔^_^
hung8721
2003-04-23, 02:28 PM
既然都使用DW了，想偷懶一點的話，就使用外掛吧
just-So Picture Window
(找不到，有需要，我再寄給你囉)

可以節省很多時間，參考一下吧。:)