別サーバの画像表示サンプル
【IE5】【NN4】
前項のサンプルはNN4で上手く表示できなかったので改善版を作成。

FaceID 一覧  (下記をクリックで表示)
1〜400 401〜800 801〜1200
1201〜1600 1601〜2000 2001〜2400
2401〜2800 2801〜3200 3201〜3600
3601〜4000 4001〜4400  


本サンプル作成のポイント:
(1)【IE5】【NN4】のどちらでも表示出来ようにするには、受け側HTMLファイル の画像サイズを
<img src="load.gif" name="img" width="557" height="467">
のように明示する。(IE5ではこの指定がないと実際の画像の大きさで 表示し上手くいったが、NN4ではここで指定した大きさに表示される)

(2)送り側は下記の定義関数を呼び出せばよい
function faceid(no){
shtml = "http://www2s.biglobe.ne.jp/~iryo/irdata/face/face.html";
damiy = window.open(shtml +"?"+ no, "aaa","scrollbars=yes,width=600,height=520");
}
・呼び出す時引数に指定した数字が別URLへ送るデータとなります。
  (数字以外の文字はエラーとなります)
・新しく開くウインドウは必要なオプションを指定(本例はスクロールバー表示とウインドウサイズ)
・URLは絶対アドレスで指定(別サーバーへのURLであり当然相対アドレスでは指定出来ない)

(3)多数の画像を表示する場合は、相手側HTMLファイルに、「次へ」「戻る」 があった方がよい。この場合画像名を変え対象の画像を表示させようとしたが 画像データの読込完了前に表示してしまい上手く行かなかった。したがって 再度HTMLファイルを表示する方法にしました。(詳細は新ウインドウの HTMLソースを参照して下さい)



【HOME】  【実用編へ戻る】