写真に触れるとウインドウオープン

質問

操作を誤ったのか、質問締め切りモードになってしまったので再度質問します。

複数画像をサムネイル数表示したページがAあります。写真に触れると、別ウィンドウBをオープンし、大きな写真を表示し、
別な写真に触れると、同じBウィンドウに、触れた写真の大きな写真を表示したいのですが、
どうしたらできますか。拡大ウィンドウを複数オープンするのを避けたいのです。

リンクの場合には
<a href="http://yahoo.co.jp" target="ウィンドウ名">
の方法で、小ウインドウはオープンできるのですが、２つめ以降のウインドウが、親ウインドウの下に表示されてしまいます。
小ウインドウが、常に上に表示され、かつ小ウインドウのサイズを指定したいのですが、どうしたらできますか。

よろしくお願いします。

回答No.1

redfox63 · ベストアンサー

Clickイベントなどを処理して 開いた子ウィンドウにフォーカスを与えないと下に隠れることになるでしょう

<a href="画像パス" target="ウィンドウ名" onclick="return myFocus(this);">リンク名称</a>
などといった具合しておいて

ヘッダーセクションに
<script type="text/javascript">
<!--
function myFocus(obj)
{
　　var oSubWin = window.open(obj.href, obj.target, "width=300,height=600,toolbar=yes,menubar=yes");
　　if ( oSubWin ) {
　　　　// ウィンドウの生成に成功した場合
　　　　oSubWin.focus();
　　}
　　return false;
}
//-->
</script>

# 新たに質問を上げるなら 前の質問は締め切りましょう

補足

何度やってみても、うまく行きません。
２つめ以降は、親ウインドウの裏に表示されてしまいます。
また、ウインドウのサイズも、指定できません。
たぶん私が、間違ったことをしてるんだと思います。