画像

BSIMAGE01

1.0.0

1.3.3～

画像を出力します。

指定された領域のうち、img要素のみを抽出して出力します。また、画像にリンクが付いている場合はリンクも出力します。

幅（任意）

画像（IMG要素）の横幅を指定します。当オプションを指定し且つheight属性が無指定の場合は、画像リソースの縦横比を変えないようheight属性を削除します。

高さ（任意）

画像（IMG要素）の高さを指定します。当オプションを指定し且つwidth属性が無指定の場合は、画像リソースの縦横比を変えないようwidth属性を削除します。

幅・高さの単位（必須）

以下の２種類から選択します。

► px：ピクセル指定

► %：百分率指定

クリップ開始点X座標（任意）

クリッピング領域対角線の開始点X座標の値を入力します。

※クリッピング画像変換を行う場合は必ず指定してください。

クリップ開始点Y座標（任意）

クリッピング領域対角線の開始点、Y座標の値を入力します。

※クリッピング画像変換を行う場合は必ず指定してください。

クリップ終端点X座標（任意）

クリッピング領域対角線の終端点、X座標の値を入力します。

※クリッピング画像変換を行う場合は必ず指定してください。

クリップ終端点Y座標（任意）

クリッピング領域対角線の終端点、Y座標の値を入力します。

※クリッピング画像変換を行う場合は必ず指定してください。

表示スタイル

クリッピング領域対角線の終端点、Y座標の値を入力します。

►default : そのまま（デフォルト）

►img-rounded : 角丸

►img-circle : 円形

►img-thumbnail: サムネイル

元画像の幅・高さ指定

IMG要素からwidth属性、height属性を削除するかどうかを指定するオプションです。「width属性値」「height属性値」オプションが指定されている場合は、width・heightが設定されます。

以下の２種類から選択します。

► 削除しない（デフォルト）

► 削除する

追加するクラス（任意）

パーツのdiv要素に追加する独自クラスを指定します。スペース区切りで複数のクラスを指定することもできます。

１行横並び表示

出力HTMLの外枠にDIV要素が配置されます。

なし

なし

.gcpBsImage01（クラスセレクタ）

なし

なし