たとえばgazou01、gazou02、gazou03という画像をおいたときは
HTMLファイル(ページ)に次のように書きます。
<a href="http://bbs2.nazca.co.jp/cgi-bin/bbs-c/gazou01.gif">画像1</a>
<a href="http://bbs2.nazca.co.jp/cgi-bin/bbs-c/gazou02.gif">画像2</a>
<a href="http://bbs2.nazca.co.jp/cgi-bin/bbs-c/gazou03.gif">画像3</a>
HTMLファイルと画像ファイルをアップロードします。
こうすると・・・・
「画像1」というところをクリックするとgazou01.gifが
「画像2」というところをクリックするとgazou02.gifが
「画像3」というところをクリックするとgazou03.gifが表示されます。
ただし、この場合はページではなくて
画像ファイルそのものが表示されて広告が表示されないため
無料HPサービスの場合は規約違反になることがあります。
できれば画像をページに貼り付けて
そのページへのリンクを書くといいと思います。
たとえば・・・・
「画像1」というリンクが書いてあるページのファイル名をindex.htm
画像の貼り付けてあるページのファイル名をphoto.htm
画像ファイル名をgazou.jpgとしたとき
リンクを設定するindex.htmファイル(ページ)に次のように書きます。
<a href="http://bbs2.nazca.co.jp/cgi-bin/bbs-c/photo.htm">画像1</a>
photo.htmファイル(ページ)には次のように書きます。
<img src="src/gazou.jpg"
alt="画像の説明文">
すべてのファイル(index.htm、photo.htm、gazou.jpg)をアップロードします。
alt="画像の説明文"というのは
画像を非表示にしている人のために
画像の代わりに表示するものですが
通常でも画像の上にマウスを乗せたときにも表示されます。
こうすると・・・・
「index.htm」というページの「画像1」の部分をクリックすると
「photo.htm」というページにジャンプします。
「photo.htm」には「gazou.jpg」という画像が貼られていますので閲覧できます。
もちろん、「photo.htm」は普通のページですので
コメントや説明文などの文字を入れることができます。
広告もでますので無料HPでも規約違反になりません。
普通は画像ファイルもHTMLファイルも同じサーバにアップロードします。
つまりHPとして借りたところにすべてのファイルをアップロードします。
|