mipoさん、こんにちは。
永原です。

フォトモーションってどういうものです？
どういうソフトウェアで作るのかとか、サンプルがあれば見てみたいです。

以上、できれば教えてください。

早速返信いただきありがとうございます。

こちらのHPの画像のように、静止画がスライドショーになるイメージです。

https://kawaguchicity-hs.ed.jp/

フォトモーションという名称ではないかもしれませんが。

よろしくお願いいたします。

一定時間ごとに画像が流れて切り替わる、
「カルーセル（回転木馬）」と呼ばれる仕組みのことでしょうか。
　

現時点でConnect-CMSとしての専用プラグインは作られていませんが、
「固定記事」を加工していけば実現できるようです。
（→ むしろ「Bootstrap4が組み込まれているため、簡単にできる」と言った方が妥当）
　

－－－〈 気が向いたら、以下の手順 〉－－－
　

1. PC内に同じ大きさの画像を３枚用意する
   （説明上、３枚とする）
   　
2. その画像をどこかの「固定記事」にアップロードし、
   「画像のソース」をメモする
   （ → 下図だと「 /test01/file/2 」の文字列。３つ分をそれぞれ書き留める）
   
   　
   　
3. アップロードした画像を［Back Space］か［Delete］キーで削除する
   （表示は消えるけど、画像ファイルは内部で保管されている）
   
   
4.  カルーセルを置きたい場所に「固定記事」を設置し、
   編集画面にある［ <> ］ボタン（ソースコード）を押す
   　
   　
   　
5.  ポップアップした「ソースコード」の白い枠の中に、
    このWebページで紹介されているカルーセルのコードをコピー＆ペーストする
   　
   （ →「このスライドショーがなんと、、」の下にある、黒い枠内の
   　<div id="carouselExample～"> から  </a> </div> まで丸ごと）
   　
6.  コピー＆ペーストした後、画像元を指定する「 src="..." 」の３箇所を探し、
   「src="さっきメモした「画像のソース」の文字列" 」に書き換える
   　
   （例の場合だと、「 src="/test01/file/2" 」「 src="/test01/file/3" 」
   　「 src="/test01/file/4" 」のようにそれぞれ書き換える）
   　
7. ［OK］ボタン →［変更確定］ボタンをクリックする

－－－　－－－

これで３枚の画像がクルクルと回って表示されるはずです。

公星様、ありがとうございます！！

できました。自分で作れるなんて感動です。

mipo様、質問をありがとうございます。

公星様、フォローをありがとうございます。

公星様のおっしゃるように、Connect-CMS はCSS フレームワークにBootstrap4 を使用していますので、Bootstrap4 の機能は使えます。

mipo様、うまく行って良かったですね（^^）

今後、HTML を書かなくてもスライダー（カルーセル）を簡単に使用できる「スライダー・プラグイン」は開発しますね。
これもアイデアissue に記載しました。
https://github.com/opensource-workshop/connect-cms-ideas/issues/8

「フォトモーション」早速オープンソースワークショップとこのconnect‐CMSのページに活用されていますね。

質問していろんな方が活用してくださると、うれしいものですね。

ところで、教えていただいた方法だとスライドショーの切り替え方の型が決まってしまいますが、connect‐CMSのホームページの切り替えのように、ほかの切り替え方にするにはどうすればよいでしょうか、