画像

名前

BSIMAGE01

パーツバージョン

1.0.0

GCバージョン

1.3.3~

パーツアイコン

要旨

画像を出力します。

入出力仕様

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

オプション

幅(任意)

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

高さ(任意)

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

幅・高さの単位(必須)

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

► px:ピクセル指定

► %:百分率指定

クリップ開始点X座標(任意)

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

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

クリップ開始点Y座標(任意)

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

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

クリップ終端点X座標(任意)

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

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

クリップ終端点Y座標(任意)

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

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

表示スタイル

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

►default : そのまま(デフォルト)

►img-rounded : 角丸

►img-circle : 円形

►img-thumbnail: サムネイル

元画像の幅・高さ指定

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

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

► 削除しない(デフォルト)

► 削除する

追加するクラス(任意)

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

ビューの種類

1行横並び表示

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

ビュー編集

なし

プリプロセス

なし

関連CSSセレクタ

.gcpBsImage01(クラスセレクタ)

対応jQueryバージョン

なし

使用jQueryプラグイン

なし