【Bubble】WonderfulImageSliderのページネーションをスライド外に表示する方法

ノーコードツールBubbleでスライドショーを実装する際に活躍するプラグイン「WonderfulImageSlider」のページネーション位置をデフォルトのスライド内からスライド外へ変更する方法を紹介します。

アプリ・システム開発費用が1/3に！
＼実績日本最大級のノーコード開発サービス／

ノーコード開発サービスについて詳しく知る

無料で相談する

×

受託開発を
無料相談

サービス資料
ダウンロード

開発サービス
を詳しく知る

開発実績
お客様の声

ざっくりの課題でも
プロが無料で提案

実装イメージ

プラグイン「WonderfulImageSlider」のエレメントで設置したスライドショーのページネーションは初期設定ではスライド内に表示されます。

今回の実装イメージは、上図の右図のようにページネーション位置をスライド外（スライド直下）に表示させた状態です。

WonderfulImageSliderのプロパティを１つ編集するだけで簡単に調整できるのでぜひ次の項の通りにやってみてください。

Image Heightプロパティの値を小さくする

結論。プラグインWonderfulImageSliderエレメントのAppearanceタブ内のImage Heightプロパティの値をデフォルトの100%から90%などに下げると、ページネーションをスライド外に表示できます！

あとはお好みで表示位置やスライドショーのサイズ・比率を調整してください。