画像カルーセルで２ツのスライドショーを実装する
ELEMENTORのウジェット（要素）の一つ「画像カルーセル」をページに設定すると、一般的には下記の左側のスライドショーが実装されます。この形式のスライドショーは 150×150 pxのサムネイル画像によるスライドショーですが、それを下記の右側のような一般的なスライドショーに変更することが簡単にできます。これも ELEMENTOR の代表的な機能の一つになります。
今回は、そのようは画像カルーセルの編集設定を実践する事例となります。
デフォルト設定で作成されるカルーセル
デフォルト設定で実装される画像カルーセルは、上記の動作をご覧になれば大凡が分かると思います。その動きの概略は、
１．三枚のサムネイル画像が表示されます。
２．その内、２枚の画像単位に横にスライドします。
それが、デフォルトのスライド表示仕様となります。
表示するスライドをデフォルトから’１’に変更することで、右のような良く見慣れたスライドショーに変化します。
表示するスライド＝１で作成されるカルーセル
上記左側のスライドショーは以下の設定結果によります。
上記右側のスライドショーは以下の設定結果によります。
