Flexible Common – Gallery

概要

複数の画像をスライドさせて表示する又は並べて表示するグリッド（3又は2）の2つの表示方法からスタイルを選択することが出来ます。

画像の表示サイズ

• Image Fix ：ギャラリーを表示するエリアの枠内に画像の中心を起点として画像を表示します。Image Fixの説明は「画像の左右・コンテンツとの高さを整える」で確認して下さい。
• Slide Image Fix、3/2 Grid：固定の高さを設定された画像を表示します。

用途

医師の外来や手術の様子などの紹介。

使用方法

• 編集ページ の「Flexible Commmon」から[Add Section]から使用するテンプレートを選択して下さい。
• レイアウトの設定はローカル設定になります

テンプレート

2col Gallery | Editor A、2col Editor | Gallery A、1col Img Gallery A

設定

1. 内容
   • Gallery Type：Slide Force Height、Slide Image Fix、3 Grid、2 Grid
   • Title Height：タイトルの高さ設定
   • Contents Heigh：ギャラリーとてテキストエリアの高さの設定
   • Title Col Underline Color：タイトルのアンダーライン色
   • Gallery Bgcolor/Boder color：ギャラリーの背景・枠線色
   • Editor Bgcolor/Boder color：テキストの背景・枠線色
   • Slide Pagination bullets/Active Color：画像のナビゲーション中点/アクティブ色
   • Slider Image Force Height：各ギャラリー画像の高さ設定
   • Slider Image Fix：ギャラリー画像を表示するエリアの高さ設定
   • Column Width：カラム幅(%)設定
   • Horizontal Gallery Section Column size：ギャラリーエリアの高さの設定（1col Img Gallery A）
   • Vertical Gallery Section Column size：ギャラリーエリアの幅の設定（1col Img Gallery A）

設定内容

• Title Height：60
• Contents Heigh：300
• Title Col Underline Color：#1E73BE
• Gallery Bgcolor/Boder color：#C0D8ED, #1E73BE
• Editor Bgcolor/Boder color：#FFFFFF, #FFFFFF
• Slide Pagination bullets/Active Color#8224E3, #DD3333
• Slider Image Force Height：280
• Slider Image Fix：-
• Column Width：60, 40

設定内容

• Title Height：60
• Contents Heigh：300
• Title ColUnderline Color：#C0C0C0
• Gallery Bgcolor/Boder color：#FFFFFF, #FFFFFF
• Editor Bgcolor/Boder color：#F7F7F7, #FFFFFF
• Slide Pagination bullets/Active Color：#C0C0C0, #696969
• Slider Image Force Height：-
• Slider Image Fix：300 ※「2col Gallery | Editor A」と同じ画像を使用しています。
• Column Width：40, 60

設定内容

• Title Col Underline Color：#C0C0C0
• Gallery Bgcolor/Boder color：#EDE0FB, #FFFFFF
• Slide Arrow/Hover Color：#C0C0C0, #696969
• Slider Image Force Height：200
• Slider Image Fix：-
• Horizontal Gallery Section Column size：300
• Vertical Gallery Section Column size(%)：80