手順1:表示したい大きな画像を用意する。
表示したい大きな画像(たとえば gazou.jpg など)を用意します。
ニューエラー デュアルストロークシリンダΦ16mm複動基本形st45mm+st15mmマグネット・スイッチ付 ( CS03R-16-NDW-45+15-ZC201A1 ) (株)ニューエラー
<a href="gazou.jpg" target="_blank"><img src="gazou.jpg" width="300" alt="" border="0"></a>
|
大きな画像を、width="300"セルタン ローソファー カバーが洗える JOUIR ジュイール Mサイズ デニム調アッシュグレー キッズ プレイマット 日本製 A682a-606GRY
そして、画像をクリックすると、もともとの大きさの画像が、表示されるという形ですね。
このようにすることで、ホームページ上の画像をクリックしたら、大きな画像が表示されるようになります。
【注意】
「自分で更新できる最短ホームページテンプレート」 をお使いの場合は、
HTMLファイル(index.htmlファイルなど)と同じ場所に、画像を保存するようにしてください。
手順3:実際に画像をクリックして、確かめてみよう。
(画像をクリックすると、大きな画像が表示されます)
(業務用50セット) シヤチハタ Xスタンパー/ビジネス用スタンプ 〔COPY〕 藍 XBN-10063[21]
なお、画像の下に、「画像をクリックすると、大きな画像が表示されます」という記述を入れておくと、分かりやすくて良いですよね!