イラストサイトなどでよく画像サイズで教示されるＨＴＭＬ

解決済

質問者：zae81622
質問日時：2004/03/21 03:44
回答数：2件

はじめまして、よくイラストサイトなどで、500pix*300pixとかで固定して表示されるウインドウがあるんですが、どうやって作りますか？
javascript 辞典で、ウインドのサイズを変更で行うことはわかったのですが、なんか違うみたいです。
私がみたサイトでは、ウインドウが表示されても余計なアドレスバーやツールバーはなくキレイな固定サイズで表示されていました。このように表示されるＨＬＭＬ言語をおしえてください。できればコピぺできるところを紹介してください(T-T*)

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： Joh_Taka
回答日時：2004/03/21 17:22

リンク先のwindow.htmを、通常の画像を表示させるHTMLを作成するように

<html>
<head>
<title>window</title>
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<img src="画像.jpg(.gif)" alt="" height="100" width="100" border="0">
</body>
</html>

のような感じでページの左と上に余白がないように作成します。
（必要に応じて、<div align="center"> ～ </div> で <img>タグを囲むなどして下さい。）

画像が表示されないとのことですが・・・
このwindow.htmを呼び出すリンク元のHTMLの <body> ～ </body> の間に、文字列から呼び出すためには、

<a href="javascript:OpenWin()">ページをサイズ指定で開く</a>

のように記述します。

ボタンなどの画像から呼び出すためには、

<a href="javascript:OpenWin()"><img src="ボタンなどの画像.jpg(.gif)" alt="画像" border="0"></a>

のように記述します。

win=window.open("window.htm","new","width=100,height=100"); で "new" とウィンドウ名を指定していますが、ウインドウ名を指定してしまうと、window.htmを閉じずにリンク元のHTMLがアクティブになったとき（リンク元のHTMLのどこかをクリックしてしまう等で）window.htmはリンク元のページの裏に隠れてしまって、以後リンクをクリックしても表に出て来ないのでちょっと不都合のような気がします・・。
ウィンドウ名を指定しない方が良いのではないでしょうか？

また、リンク元の win= は必要でしょうか？
ウインドウ名を指定せず、win= を削除したリンク元の例が、

<html>
<head>
<title></title>
<script language="JavaScript">

</script>
</head>
<body>
<a href="javascript:OpenWin()">ページをサイズ指定で開く</a>
</body>
</html>

リンク元のHTML1ページ内にリンク先が3ヶ所（表示させる画像が3種類）ある場合の簡単なコーディング例として、（記述を短くまとめずに展開したままなのですが・・）

<html>
<head>
<title></title>
<script language="JavaScript">

</script>
</head>
<body>
<a href="javascript:OpenWin1()">1をページサイズ指定で開く</a>
<br>
<a href="javascript:OpenWin2()">2をページサイズ指定で開く</a>
<br>
<a href="javascript:OpenWin3()">3をページサイズ指定で開く</a>
</body>
</html>

という感じになりますが、いかがでしょうか・・。

もう、必要ないかもしれませんが、サンプルを置いているサイトのURLを載せておきます。
「子ウィンドウを作成（サイズ指定）」あたりが参考になると思います。

参考URL：http://www.usagi-js.com/sample/jssample3.htm

- 0
- 件

通報する

この回答へのお礼

回答有り難うございます。コピーして使わせていただきました。格闘の末やっと思い通りのＨＰになりました。イラストもキレイに収まってうれしいで。
有り難うございました。

通報する

お礼日時：2004/03/22 16:13

No.1

回答者： the845t
回答日時：2004/03/21 03:57

アドレスバーやツールバーもなく・・・

それこそJavaScriptです。

たぶんあなたが見たのはウィンドウのサイズ変更なのでしょうね。
そうではなく、ウィンドウを開くところを見ると載っていると思います。

http://tohoho.wakusei.ne.jp/js/window.htm#OpenPage
ここが参考になると思います。
なにも指定しなければ、アドレスバーやツールバーはつきません。

参考URL：http://tohoho.wakusei.ne.jp/js/window.htm#OpenPage

この回答への補足

<SCRIPT language="JavaScript">

</SCRIPT>

上のソースで、リンク先のwindow.htmlに画像ファイルを一枚置き表示させようとしていますが、ウインドウは表示されますが、画像が表示されません。わかるようでしたら返信ください。

補足日時：2004/03/21 13:55

通報する