親htmlから小画面を表示させる方法
親htmlのクリックで、jpg小画面を多数表示させるJavaScriptで悩んでいます。
どなたかの知識で、お助けください。
http://amenti.usamimi.info/windowopen.html
にあるものを応用しました。<body><div><table>の<tr><td>部に横に並べた4個のサムネイルのjpg画像に、ｊpg元画像へのリンク指示をしています。
■問題点
1. 最初のサムネイルをクリックすると、ｊpg元画像と「ファイルが見つかりませんでした」のエラーメッセージも同時に出る。
2. 2番目のサムネイルをクリックしても、最初と同じｊpgを表示してしまう。3/4番目は正常に表示する。
■記述状態
1. <head>～</head>部は、～windowopen.htmlにある記述をそのまま移しました。以下です。
<script type="text/javascript">
<!--
function m_win(url,windowname,width,height) {
var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no";
if (width) {
if (window.screen.width > width)
features+=", left="+(window.screen.width-width)/2;
else width=window.screen.width;
features+=", width="+width;
}
if (height) {
if (window.screen.height > height)
features+=", top="+(window.screen.height-height)/2;
else height=window.screen.height;
features+=", height="+height;
}
window.open(url,windowname,features);
}
// --></script>
2. <body><div><table>の<tr><td>部に横に並べた4個のサムネイルのjpg画像に、リンク指示をしています。～windowopen.htmlにある記述を少し変えただけです。以下です。
（style 記述省略）
<a href="album/aaaa.jpg" onclick="m_win(this.href,null,656,496); return false;">
<img src="album/aaaa_thumb.jpg" width="120" border="0" alt="ああああ"></a>
<a href="album/bbbb.jpg" onclick="m_win(this.href,null,656,496); return false;">
<img src="album/bbbb_thumb.jpg" width="120" alt="いいいい"></a>
<a href="album/cccc.jpg" onclick="m_win(this.href,null,656,496); return false;">
<img src="album/cccc_thumb.jpg" width="120" alt="うううう"></a>
<a href="album/dddd.jpg" onclick="m_win(this.href,null,656,496); return false;">
<img src="album/dddd_thumb.jpg" width="120" alt="うううう"></a>
■変更点と疑問
1. ～windowopen.htmlでは、<a href="～"は、htmlですが、上記では直接jpgになっています。
2. onclick="m_win(this.href,null,656,496); return false;" 文は、オリジナルは第1のリンクが、
具体名ですが、上記ではすべて null にしました。
変更点が少ないのにエラーが出て困っています。
小画面の表示される位置など、自分にとってジャストなJavaScriptなので、何とかこれをきちんと使い
たいので、どこが悪いか教えてください。
お礼
すみません、お礼が遅くなりました。 仰る通り、不安定な要素が多い内容でしたので、普通に子ウィンドウで表示させる方向で進めたいと思います。 ご指摘ありがとうございました。