それぞれの「指定したサイズで別ウインドウを表示」させたい

■それぞれの「指定したサイズで別ウインドウを表示」させたい

過去ログ NO.1176807461

□ ＯＪＩＮ [2007年04月12日15時10分]
毎度毎度で、どうもなんとも・・・不好意思でございます・・・

１つのページにいくつもの画像をサムネイル表示して
サムネイル化自体はこのページのシステムを利用して

http://img.simpleapi.net/

下のようなＨＴＭＬを生成して、

<a href="
http://chinachips.fc2web.com/img/img/00cover.jpg"><img src="
http://img.simpleapi.net/small/http://chinachips.fc2web.com/img/img/00cover.jpg"
alt="表紙" width="256" height="256" hspace="4" vspace="4" align="left" border="0" style="margin-right:10px;"
></a>

しかし、このページに収める画像はそれぞれサイズが異なるので
それぞれの画像をそれぞれの「指定したサイズで別ウインドウを
表示」させたいと下のように書いてみましたら、

<a href="
http://chinachips.fc2web.com/img/img/00cover.jpg" onClick="JavaScript:window.resizeTo(548,772);
return false"><img src="
http://img.simpleapi.net/small/http://chinachips.fc2web.com/img/img/00cover.jpg"
alt="表紙" width="256" height="256" hspace="4" vspace="4" align="left" border="0" style="margin-right:10px;"
></a>

親ウィンドウのサイズが指定したサイズになるだけで、別ウィン
ドウも画像もでてくれません。

<head>に「JavaScript」を書込めばいいのかもしれませんが、何
種類ものサイズの異なる画像をそれぞれそのサイズで別ウィンド
ウ表示させたいので、なんとか要素に直接書込むやり方でできな
いものかと四苦八苦いたしております。

お助けの程を、、何卒、何卒、、、。
□ ＯＪＩＮ [2007年04月12日21時24分]
ーーーお答えも頂かないうちにスミマセン・・・・

以前に似たようなことをやっていたのを思い出しまして
以下のようにしてみましたら、ほぼ目的どおりになった
のですが、

<SCRIPT LANGUAGE="JavaScript"></SCRIPT>
<a href="http://chinachips.fc2web.com/img/img/00cover.jpg" onClick="winopen()" target="1"
><IMG src="http://img.simpleapi.net/small/http://chinachips.fc2web.com/img/img/00cover.jpg" alt=""
width="256" height="256" hspace="4" vspace="4" align="left" border="0" style="margin-right:10px;"></a>

新しいウィンドウの画像の周りに白い枠が出てしまいま
す。それを消そうとして「,padding=0px,margin=0px」
を加えてみましたが、書き方を間違えているのか？消え
てくれませんーーー。

window.open("http://chinachips.fc2web.com/img/img/00cover.jpg", "1", "width=548,height=772,toolbar=no,menuber=no,scrollbars=yes,padding=0px,margin=0px");

ご教示の程をッ！
□ ＯＪＩＮ [2007年04月12日22時05分]
・・・浅知恵でございました・・・

２つの異なる画像で試してみますと、１番目は、上の質問で
お尋ねした問題はあるもののまあ何とか目的どおりに出るの
ですが、もうひとつ違うサイズの別の画像用のものを書き加
えましたら、

２番目は指定サイズじゃなく全画面で表示、、、？？

こんなふう ▼ に書きました。
１番目の画像。
<SCRIPT LANGUAGE="JavaScript"></SCRIPT>
<a href="http://chinachips.fc2web.com/img/img/00cover.jpg" onClick="winopen()" target="1"
><IMG src="http://img.simpleapi.net/small/http://chinachips.fc2web.com/img/img/00cover.jpg" alt=""
width="256" height="256" hspace="4" vspace="4" align="left" border="0" style="margin-right:10px;"></a>

２番目の画像。
<SCRIPT LANGUAGE="JavaScript"></SCRIPT>
<a href="http://chinachips.fc2web.com/img/img/03ma3yan4li4.jpg" onClick="winopen()" target="2"
><IMG src="http://img.simpleapi.net/small/http://chinachips.fc2web.com/img/img/03ma3yan4li4.jpg" alt=""
width="256" height="256" hspace="4" vspace="4" align="left" border="0" style="margin-right:10px;"></a>

ご教示の程をッ！
□ NXer [2007年04月15日08時38分]

>1　指定したサイズで　2　別ウインドウを表示させるには

ハイパーリンクのタグの構造とtarget属性をjavascriptの関数で次のように記述して
みました。NXerです。

-----------------------------------------urlはテスト後、架空の値に変更したもの。
<SCRIPT language="JavaScript">

</SCRIPT> </HEAD>
<BODY>
<A href="#" onmouseover="winopen1('http://www.biglove.ne.jp/~usera/photo/eikan.gif/')" target="page1"><IMG src="
http://img.simpleapi.net/small/http://www.biglove.ne.jp/~usera/photo/eikan.gif" alt="jpga" width="128" height="128" hspace="4" vspace="4" align="left" border="0"></A>
<A href="#" onmouseover="winopen2('http://www.biglove.ne.jp/~usera/photo/murouji1.jpg/')" target="page2"><IMG src="
http://img.simpleapi.net/small/http://www.biglove.ne.jp/~usera/photo/murouji1.jpg" alt="jpgb" width="256" height="256" hspace="4" vspace="4" align="left" border="0"></A></BODY></HTML>
----------------------------------------

当方はＨＰ作成ソフトにてサムネイル表示を使いますが、おもに文字列にリンクを
貼っています。
その構造は次のようになっています。　
<A href="リンク先ＵＲＬなど" target="_blank">文字列
<A href="リンク先ＵＲＬなど" target="_blank"><img src"サムネール画像ＵＲＬ", alignなどの属性>

マウスのクリックがテストでは多くなるため、載せるだけにしています。これはうっかり
端をかすっただけでも表示されますのでクリックのほうがメリハリはあると思います。
お試しください。

参考文献：白旗一浩、JavaScript活用辞典、ｐ.189

以下愚見です。*************************************************
ojinさんがご利用のサービスは、ウェブサーバ上でサムネールを生成するものです。この
サービスは、従来のソフトウェアパッケージに取って代わるものですが、このような
ウェブサーバ上で動作するウェブプログラミングの価値をgoogleが検索分野で開発しました。
ほぼ同じころマイクロソフトはＯＳでパッケージソフト路線を採用して、今年あらたなＯＳ
が発売されました。この開発路線の違いを当方は評価できるものではありませんが、その違
いはＯＳに依存しないで、ウェブサーバ上でプログラムを動作させることができることです。
2002年9月ころから私が知るようになったすえぽんさんのソフトウェアは時代を先取りをして
いたのではないかと愚考しています。すえぽんさんが、html,perl,javascriptなどのスクリプ
ト言語で記述される「荒技」の域には程遠いのですが、ダイナッミクさでサイト訪問者に
コンテンツをより深く知っていただくことができると確信しています。

なお、>画像の周りに白い枠　は画像そのものへのリンクではなくてその画像を
htmlに載せて、そのhtmlの背景に白ではなく、画像に引き立てる無地の色を指定
したり、額縁画像に入れるなどの処理が考えられます。後者の場合はウェブペー
ジを名画展にできそうです。
□ ＯＪＩＮ [2007年04月15日20時08分]
NXer様、

毎度毎度お手数をおかけいたします。

ご教授のとおりにやりまして、思い通りのものが完成しました！

中国の臨時、臨時で発行されるスキャンダル雑誌の内容紹介記事
なんですが、お時間のございます時にご覧になられてみて下さい。

http://chinachips.fc2web.com/repo/001131.html

今回も、本当にありがとうございました！