プロが教える店舗&オフィスのセキュリティ対策術

winXP PRO IE6.0SP1です。

とあるHPを作成していますが、サムネイル画像(約100画像)をクリックすると別ウィンドウが出る様にしています。

サムネイルが全部表示される前にクリックすると小窓が出て画像は表示されますが、そこから後に出るサムネイルが表示されずフリーズしてしまいます。


<a href="javascript:void(0);" onclick="window.open('./******/***.jpg','win1','width=400,height=400');" menubar=no toolbar=no locaction=no status=no><img src="./small/***.jpg" height=50 border=0></a>


他のPCで確認しても同じ状態です。

サムネイル画像が出ている途中でその画像をクリックしてもフリーズしない方法の解除方法はありますでしょうか?

宜しくお願い致します。

A 回答 (3件)

再び、です。


<HEAD>タグ内にjavascriptを埋め込む方法は以下の通りです。

<HEAD>
<script language="javascript">
<!--
function subWin(n,wn){
window.open(n,wn,"width=400,height=400,scrollbars=no,location=no,menubar=no,status=no");}
//-->
</script>
</HEAD>
-----------
<a href="javascript:void(0);" onclick="subWin('./******/***.jpg','win1')"><img src="./small/***.jpg" height="50" border="0"></a>

開きたい画像のパスと、ウィンドウ名を、onclickの所で指定する形です。
こういう形であれば、ウィンドウのサイズやメニューバーの非表示などは、個別でひとつひとつ設定しなくてもよくなるので、ソースがぐっと軽くなります。

つまり、その次の画像では、

<a href="javascript:void(0);" onclick="subWin('./******/***2.jpg','win2')"><img src="./small/***2.jpg" height="50" border="0"></a>

という形で指定してやれば良いのです。

ちなみに、以下のサイトの『JavaScript例文辞典』で、サブウィンドウ展開の色々な形がサンプルであるので、ご参考にしてみてください。

参考URL:http://www.shiojiri.ne.jp/~openspc/
    • good
    • 0
この回答へのお礼

再度のお答えありがとうございます。

相談料金を払いたいくらいに感激しております。

書き換えは大変ですがやってみます。

今後とも宜しくお願い致します。

お礼日時:2003/11/24 06:53

えっと、それ以前に、サムネイルが100というのは多過ぎます…。


その一つ一つに上記小窓ウィンドウ展開スクリプトが含まれているとしたら、ページ容量がかなりのものになっていて、子ウィンドウ開く以前に、全部読み込むまでに相当時間掛かってしまうのでは?と思います。
できれば最大20くらいにして、ページを分割した方が、サイト訪問者には良いかと思います。
20くらいであれば、一瞬で全部表示される可能性がありますから(本当はできたら10くらいがベスト)、そちらでの解決をした方が良いと思います。

また、子ウィンドウを開くスクリプトは、<HEAD>タグ内に、javascriptを埋め込んで、それを共通で使い回した方がページ容量も軽くなって良いです。

ちなみに、No.1さんの書かれている方法だと、子ウィンドウが開くと同時に、サムネイル表示しているウィンドウで画像開いてしまうので、ちょっと違うかも・・・と思います。(No1さん、突っ込んでしまって、ご免なさい)

ご参考になれば幸いです。
    • good
    • 0
この回答へのお礼

ご忠告ありがとございます。

>>また、子ウィンドウを開くスクリプトは、<HEAD>タグ内に、javascriptを埋め込んで、それを共通で使い回した方がページ容量も軽くなって良いです。

誠にすみません、これはどうやったらいいのでしょうか?
HP作成は最近始めたばかりなので判らないことが多いんです。

お礼日時:2003/11/23 21:26

今試せる環境じゃないのでこれで解決するか自信がありません。



たぶんjavascript:void(0)が原因だと思います。
これを
<a href="******/***.jpg" onclick="window.open('./******/***.jpg','win1','width=400,height=400,menubar=no,toolbar=no,locaction=no,status=no');return false;"><img src="./small/***.jpg" height=50 border=0></a>

とすればおそらく巧くいくのではないかと思いますが・・・
自信ありません。


とりあえず、メニューバーやステータスバーのスタイル部分の記述場所に誤りがあったので修正しています。
    • good
    • 0
この回答へのお礼

ありがとうございます。
訂正もしていただき感謝しています。

修正するのは大変ですが、確認して見たいと思います。

お礼日時:2003/11/22 10:24

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!