サブウインドウ操作
-
0 名前： nj ： 2006/02/06 23:43
- フォトギャラリーを作りたいと思っています。
親ウインドウに写真の一覧を作成し、写真Aをクリックすると、
サブウインドウ立ち上がり、写真Aを表示。
更に、親ウインドウ写真一覧中の写真Bをクリックすると、
同サブウインドウ中に写真Bを表示する仕様にしたいのですが、
うまくいきません。
何方か助けていただけますでしょうか。
-
1 名前： m035 ： 2006/02/06 23:43 ［URL］
- var win;
function imgshow(url){
if(!win||(!!win&&win.closed))win=window.open(url,"imgwin","width=640,height=480");
else if(!!win&&!win.closed)win.location.href=url;
}
以上JavaScript部分です。(optionはこのサイトに一覧があるのでお好みで)
body内では以下のように指定します。
<a href="表示する画像url" onclick="imgshow('表示する画像url');return false">
<img src="画像url" alt="代替テキスト">
</a>
JavaScriptが使えない場合は直接そのウィンドウに表示されます。
以下は例です。IE6とFireFox1.5.0.1で確認済み。
<html>
<head>
<title>imgview</title>
<script type="text/javascript">
<!--
var win;
function imgshow(url){
if(!win||(!!win&&win.closed))win=window.open(url,"imgwin","width=640,height=480");
else if(!!win&&!win.closed)win.location.href=url;
}
//-->
</script>
</head>
<body>
<a href="表示する画像url" onclick="imgshow('表示する画像url');return false">
<img src="サムネイル画像url" alt="代替テキスト">
</a>
</body>
</html>
