SITE s2-26s 別窓に表示　onclick 　戻る

左の表の「全景」をオンクリックで別窓に画像を表示する　オンマウスはこちら
　
01 02 03 04 05 06 07
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20 IMG_9730.
全景
21

画像は画像フォルダー（D:/camera/130101-161224-sx50hs）から取り込む。

charset=Shift_JIS"

画像の大きさ：W=1001 H=475
別窓の大きさ：W=1001 H=475
①最初に表示される画面は＋マークがあり、縦・横方向に余白がある－－－ 画像の大きさ：W= 976 H=463
②＋マークをクリックした時は横方向の余白がなくんる －－－－－－－－－ 画像の大きさ：W=1001 H=475

これに関する検討
onclick --------------------- s2-26s-1

ファイル保存前 の HTML

● 「サムネイル」挿入
<td align="center" valign="top"><img src="file:///D:/camera/130101-161224-sx50hs/IMG_9730-s.JPG" width="66" height="123" border="0"></td>

● 「拡大」と「全景」をリンク
<td align="center" valign="top">IMG_9730<br>
<a href="file:///D:/camera/130101-161224-sx50hs/IMG_9735zenkei.JPG">全景</a></td> ---------- 直接リンクの場合

◎ 「全景」をオンクリックで表示にする
<td align="center" valign="top">IMG_9730<br>
<a href="javascript:void(0)" onclick="subwin1('file:///D:/camera/130101-161224-sx50hs/IMG_9735zenkei.JPG',1001,475);">全景</a></td>

ファイル保存後 の HTML
<td align="center" valign="top">IMG_9730<br>
<a href="javascript:void(0)" onclick="subwin1('file:///D:/camera/130101-161224-sx50hs/IMG_9735zenkei.JPG',1001,475);">全景</a></td>

結果
IMG_9735zenkei.JPGが画像フォルダーから取り込まれない、合わせて、onclickではURLによる指定が必要。

対策
<a href="javascript:void(0)" onclick="subwin1('http://bcaweb.bai.ne.jp/sashiba/javascript/tips/IMG_9735zenkei.JPG',1001,475);">全景</a> ----- URL を指定
<a href="file:///D:/camera/130101-161224-sx50hs/IMG_9735zenkei.JPG">.</a> ---------- ピリオドにIMG_9735zenkei.JPGをリンク

対策後、ファイル保存後 の HTML
<td align="center" valign="top">IMG_9730 <a href="IMG_9735zenkei.JPG">.</a><br>
<a href="javascript:void(0)" onclick="subwin1('http://bcaweb.bai.ne.jp/sashiba/javascript/tips/IMG_9735zenkei.JPG',1001,475);">全景</a></td>

SCRIPT
<script type="text/javascript">
　function subwin1(gazou, w, h){
　　var subWingazou; // サブウインドウオブジェクト
　　// サブウインドウが開いていない場合OPENする
　　if( (!subWingazou) || (subWingazou.closed) ){
　　　subWingazou=window.open(gazou,"null","width="+w+",height="+h+",left=0,top=0");
　　//subWingazou=window.open(gazou,"null","width="+w+",height="+h+",left=0,top=0,,menubar=no,toolbar=no,scrollbars=no");
　　}
　　subWingazou.blur(); // サブウインドウにフォーカスを設定する
　　window.focus(); // 自画面からフォーカスを取得
　　window.blur(); // 自画面からフォーカスを放す
　　subWingazou.focus(); // サブウインドウにフォーカスを設定する
　}
</script>