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/
}}