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で確認しても同じ状態です。
サムネイル画像が出ている途中でその画像をクリックしてもフリーズしない方法の解除方法はありますでしょうか?
宜しくお願い致します。
No.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/
再度のお答えありがとうございます。
相談料金を払いたいくらいに感激しております。
書き換えは大変ですがやってみます。
今後とも宜しくお願い致します。
No.2
- 回答日時:
えっと、それ以前に、サムネイルが100というのは多過ぎます…。
その一つ一つに上記小窓ウィンドウ展開スクリプトが含まれているとしたら、ページ容量がかなりのものになっていて、子ウィンドウ開く以前に、全部読み込むまでに相当時間掛かってしまうのでは?と思います。
できれば最大20くらいにして、ページを分割した方が、サイト訪問者には良いかと思います。
20くらいであれば、一瞬で全部表示される可能性がありますから(本当はできたら10くらいがベスト)、そちらでの解決をした方が良いと思います。
また、子ウィンドウを開くスクリプトは、<HEAD>タグ内に、javascriptを埋め込んで、それを共通で使い回した方がページ容量も軽くなって良いです。
ちなみに、No.1さんの書かれている方法だと、子ウィンドウが開くと同時に、サムネイル表示しているウィンドウで画像開いてしまうので、ちょっと違うかも・・・と思います。(No1さん、突っ込んでしまって、ご免なさい)
ご参考になれば幸いです。
ご忠告ありがとございます。
>>また、子ウィンドウを開くスクリプトは、<HEAD>タグ内に、javascriptを埋め込んで、それを共通で使い回した方がページ容量も軽くなって良いです。
誠にすみません、これはどうやったらいいのでしょうか?
HP作成は最近始めたばかりなので判らないことが多いんです。
No.1
- 回答日時:
今試せる環境じゃないのでこれで解決するか自信がありません。
たぶん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>
とすればおそらく巧くいくのではないかと思いますが・・・
自信ありません。
とりあえず、メニューバーやステータスバーのスタイル部分の記述場所に誤りがあったので修正しています。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 画像編集・動画編集・音楽編集 エクスプローラー サムネイル表示されない 1 2022/12/22 10:14
- フリーソフト 画像貼り付け、URLに飛べる軽いメモ帳 3 2022/05/12 07:42
- Excel(エクセル) エクセルにサムネイル画像組み込み 2 2022/09/02 17:13
- Windows 10 Windows10の画像ファイルのサムネールがアイコン表示になってしまいました。 3 2022/07/09 13:01
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- Windows 10 ファイルのサムネイルが表示されない 1 2022/08/01 05:43
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- Illustrator(イラストレーター) IllustratorのaiファイルがMacのFinderでサムネイル表示されません。 下記の画像の 1 2023/05/15 16:55
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
eclipseでソースを保存すると、...
-
プルダウンメニューの開く方向...
-
ブラウザの枠を越えて表示する方法
-
ホームページで、クリックする...
-
<IFRAME>にPOST送信
-
DBからPDFを取得して別画面で表...
-
ASP.Net 別ウィンドウを開く・...
-
自分のサイトを開いた時にウィ...
-
インラインフレームの中の表示...
-
VBSでIEのウィンドウサイズを強...
-
HTML,js)リンクを新しいタブで...
-
_blank?_brank?
-
htmlのボタンでF11を入力
-
処理の結果を別のウィンドウに...
-
HP、リンク先を最大化で開く方...
-
1クリックで、同時に2つのフ...
-
表示中のURLなどをバッチファイ...
-
ポップアップメニューを同じ画...
-
RefreshのWindow指定
-
ホームページビルダーでフレー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウンメニューの開く方向...
-
自分のサイトを開いた時にウィ...
-
新しいタブで開かせない方法は...
-
DBからPDFを取得して別画面で表...
-
指定URLを新しいウィンドウで開...
-
googleマップをポップアップウ...
-
OpenCVのcvNamedWindowによるウ...
-
表示中のURLなどをバッチファイ...
-
ハイパーリンクからメニュー無...
-
HTML 全画面表示 リンク先の...
-
ASP.Net 別ウィンドウを開く・...
-
別ウィンドウで複数ページを同...
-
<IFRAME>にPOST送信
-
HTML,js)リンクを新しいタブで...
-
C#でTabcontrol内の値取得について
-
VC、コンソールアプリ結果の...
-
eclipseでソースを保存すると、...
-
メモ帳やエディタで一度にスペ...
-
ホームページに効果音
-
ブラウザのウィンドウの大きさ...
おすすめ情報