サイト内、各ページの画像

目次

動画解説

1.ページ内の画像の確認

トップページでは下記のように画像が2箇所設定されています。

maptype_23

ここではイメージ①は「photoimg1.png」、イメージ②は「photoimg2.png」を使用しています。

maptype_24
※クリックすると画像が大きくなります。

2.画像を表示するソースコード

index.phpをエディタで開くと、画像を表示させるソースコードがあります。

maptype_25
※クリックすると画像が大きくなります。

サンプル①の画像は59行目あたりの「<div class=”fluid box_img”><img src=”img/photoimg1.png” alt=””/></div>」で指定されています。

maptype_26
※クリックすると画像が大きくなります。

サンプル②の画像は178行目あたりの「<div class=”fluid photo_img”><img src=”img/photoimg2.png” alt=””/></div>」で指定されています。

 

コメントを残す