Ｑ : 「写真一覧パーツ」について。

「写真一覧パーツ」は、写真をリストのように一覧で表示できるパーツです。

写真パーツと違い、写真一覧パーツは複数の写真を並べて見せることができるので、 店内風景や商品、スタッフの写真などをまとめて紹介したい場合などに利用できます。

また、写真ごとに簡単なコメントも追加でき、参照の際には自動的に拡大表示に切り替わり、 一覧の写真を順番に見ることもできます。 写真は最大２０枚まで登録できます。

詳しくは、写真一覧パーツの紹介をご確認ください。

■写真一覧パーツのご利用方法

１．パーツ追加ボタンを押します。


２．「写真一覧」を選択します。


３．画像の登録、表示形式の設定を行います。


①「画像」では一覧に表示させたい「画像」「コメント」を登録します。
　※登録できる画像は最大20枚、コメントは50文字までです
②「画像設定」では画像のサイズ、表示枠の形式(※1)、枠内サイズ（※2）などの表示スタイルの設定を行います。
③「全体」ではパーツの表示調整（背景色や余白の設定など）を行います。


※1「画像設定」の「形状」は、写真の形状を「□(四角)」か「○(円形)」で表示する設定ですが、 「○(円形)」についてはIE8以下のブラウザなど、一部ブラウザのバージョンでは非対応となっており、 写真は四角での表示となります。



※2「画像設定」の「枠内サイズ」で設定できる「拡大表示」「全体表示」については それぞれ次のような表示方法になります。

• ▼枠内サイズ ： 拡大表示
  写真は「画像サイズ」で選択したサイズの表示枠内で表示がされますが、 「拡大表示」を選択した場合、画像は次のように処理され表示がされます。
  

  ・横長の写真の場合　・・・　左右が一部トリミングされ表示される
  

  ・正方形の写真の場合・・・　トリミングされずに表示される
  

  ・縦長の写真の場合　・・・　上下が一部トリミングされ表示される
  

  ■画像の表示例について
  

  画像サイズが「Ｍ」、写真が「H420 × W840」の場合

  先ず、縦横比を保持したまま最短辺(縦)が 「420 ⇒ Ｍ(140)」になるよう縮小(H140 × W280)され、実際の表示では、縮小画像を中心から画像サイズ(140×140)でトリミングし表示がされます。
  表示の際のトリミング処理はシステム側で自動で処理がされますので、トリミング位置変更や修正はできません。
  
• ▼枠内サイズ ： 全体表示
  写真は「画像サイズ」で選択したサイズの表示枠内で表示がされますが、 「全体表示」を選択した場合、画像は次のように処理され表示がされます。
  

  ・横長の写真の場合　・・・　写真の縦横比は保持したまま、最長辺が表示枠のサイズに収まるように縮小表示される
  

  ・正方形の写真の場合・・・　縦横比を保持したまま縮小表示される
  

  ・縦長の写真の場合　・・・　写真の縦横比は保持したまま、最長辺が表示枠のサイズに収まるように縮小表示される
  

  ■画像の表示例について
  

  画像サイズが「Ｍ」、写真が「H420 × W840」の場合

  先ず、縦横比を保持したまま最長辺(横)が 「840 ⇒ Ｍ(140)」になるよう縮小(H70 × W140)され、実際の表示では、画像サイズ(140 ×140)内の中央に縮小画像を表示します。
  横長の画像のため、上下に余白が生じます。
  画像サイズ(140 ×140)内の画像表示位置は必ず中央になり、位置調整はできません。