bs_carousel スライドショー

レスポンシブに対応したスライドショーを設置します。

使い方

//標準
#bs_carousel{{
画像ファイル名,タイトル,サブタイトル
画像ファイル名,タイトル,サブタイトル
画像ファイル名,タイトル,サブタイトル
}}

//オプション付き
#bs_carousel(オプション){{
画像ファイル名,タイトル,サブタイトル
画像ファイル名,タイトル,サブタイトル
画像ファイル名,タイトル,サブタイトル
}}

画像にリンクを付ける

スライドする画像にリンクを貼ることができます。
キャンペーンバナーなどに利用できます。

#bs_carousel{{
画像ファイル名,link_to=ページ名
画像ファイル名,link_to=http://example.jp/
画像ファイル名,link_to=フォルダ名
}}

オプション

高さや幅、ボタンの表示設定を変更できます。

オプションデフォルト説明
height=*
例)height=200
画像の高さに合わせるスライドの高さを指定します。
横幅指定(colsと同じ)
例)8+2
横幅いっぱいスライドの横幅を指定します。
nobutton表示切り替えボタンとインジケーターを非表示にします。
noslidebutton表示切り替えボタンを非表示にします。
noindicator表示インジケーターを非表示にします。
nofit横幅いっぱいスライドの横幅を画像の実寸に合わせます。

サンプル

// 書き方
#bs_carousel{{
slide1.jpeg,山のコテージ,デモサイトのサンプルです
slide2.jpeg,おさるさん,デモサイトのサンプルです
slide3.jpeg,どこ,デモサイトのサンプルです
}}
// 書き方
#bs_carousel{{
slide1.jpeg,リリース予告,link_to=http://haik-cms.jp/
slide2.jpeg,デモサイト,link_to=http://haik-cms.jp/
slide3.jpeg,サイトトップ,link_to=http://haik-cms.jp/
}}