未来エンジニア養成所Blog

月単価180万以上のプログラミング講師がプログラミングを皆に楽しんでもらうための情報をお届けします。

【Bubble/ノーコード】スライドショーを設置する

title


スライドショーを設置する

プラグインの使い方を紹介しながら、スライドショーを作成していきます。


完成イメージは下記のようになります。

finish


プラグインのインストール

まずはプラグインのインストールをします。



「Plugins」タブをクリックします。

Plugins



「Add plugins」をクリックします。

AddPlugins



検索窓に「Slideshow」と入力し、「Slick Slideshow」をインストールします。

SlickSlideshow



デザインタブに戻ると、「Slideshow」というエレメントが追加されていますので、これを使います。

SlickSlideshow



Slideshowの配置

「Slideshow」を配置してみます。

Slideshow配置



画像をアップロードしますので、「Upload another image」をクリックします。

Upload another image



「Upload」ボタンをクリックし画像を選択します。

Upload



そうすると、このように画像がアップロードされます。

UploadFinish



さらに追加する場合は、同じことを繰り返します。



いろいろ設定も変更できますので、お好みで変更してみてください。

Pre


プレビューで確認

finish



ちゃんとスライドショーになっていることが確認できるはずです。

こんな簡単にスライドショーが作れちゃうのです!


参考図書



LINE公式アカウント

仕事が辛くてたまらない人生が、仕事が楽しくてたまらない人生に変わります。
【登録いただいた人全員に、無料キャリア相談プレゼント中!】


LineOfficial

友だち追加