2月22日 サムネイルからおおきな画像を表示(2)

2月20日ではリンクで開くウインドウサイズが画像サイズと違うので工夫してみました。
先ずサムネイル画像を「縮小専用」で作成します。
c0044777_0172598.jpg
もと画像 (リンク先で表示させたい画像を) アップします。
c0044777_0151126.jpg
このままでは今まで通り、両方ともクリックすると小窓が開きます。

そこで、サムネイル画像を
< img src=ファイルURL  width=X height=Y >で書き直し、
もと画像をこれにリンクさせるのです。

つまり、書き直した
< img src=http://pds1.exblog.jp/pds/1/200502/22/77/c00****_0172***.jpg width=200 height=150>
を範囲指定し

「内容」にあるリンクをクリック
c0044777_171359.jpg

スクリプトプロントのリンク先URLは
[ #IMAGE|c00*****_0151***.jpg|200502/22/77/|mid|400|300#]
を入力します。
  ※この時は「コピー」ではなく、「切り取り」で貼り付けます。
    そうしないと大きな画像がそのまま残ってしまいます。
c0044777_17221.jpg

出来上がったソースはこうなります。
< a href="[ #IMAGE|c00*****_0151***.jpg|200502/22/77/|mid|400|300#]< img src=http://pds1.exblog.jp/pds/1/200502/22/77/c00*****_0172***.jpg width=200 height=150>

c0044777_0151126.jpg


「プレビュー画面」では期待通り大きな画像は表示されたのですが、
「送信」してからクリックすると本ページがなくなり、
“ページが見つかりません”というエラーが出ます。

無くなるというより,画像が表示されてから
http://elfin05.exblog.jp/< CENTER>< IMG%20CLASS=IMAGE_MID%20SRC=
というURLができ,
そこに移動しようとしているみたいです。

斜線部分はどうして生成されるのでしょうか?

この方法では出来ないのでしょうか?
少し手を加えればできるのでしょうか?

どなたか教えてください。
お願いします。

[PR]
by elfin05 | 2005-02-22 00:31 | 画像表示・ソフト
<< 2月23日 春が来た 2月21日 画像サイズの変更 >>