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

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

無料で資料をダウンロード

日本最大級のノーコード開発実績

ノーコード開発サービスのご案内

• EPICsのノーコード受託開発の特徴
• 支援実績・事例集
• 料金・サービス提供の流れ

【一分で完了】資料をダウンロード

実装イメージ

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

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

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

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

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

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