Re3: フォトモーションは挿入できますでしょうか。
2021年4月30日 20時28分 [公星]
一定時間ごとに画像が流れて切り替わる、
「カルーセル(回転木馬)」と呼ばれる仕組みのことでしょうか。
現時点でConnect-CMSとしての専用プラグインは作られていませんが、
「固定記事」を加工していけば実現できるようです。
(→ むしろ「Bootstrap4が組み込まれているため、簡単にできる」と言った方が妥当)
---〈 気が向いたら、以下の手順 〉---
- PC内に同じ大きさの画像を3枚用意する
(説明上、3枚とする)
- その画像をどこかの「固定記事」にアップロードし、
「画像のソース」をメモする
( → 下図だと「 /test01/file/2 」の文字列。3つ分をそれぞれ書き留める)
- アップロードした画像を[Back Space]か[Delete]キーで削除する
(表示は消えるけど、画像ファイルは内部で保管されている) - カルーセルを置きたい場所に「固定記事」を設置し、
編集画面にある[ <> ]ボタン(ソースコード)を押す
- ポップアップした「ソースコード」の白い枠の中に、
このWebページで紹介されているカルーセルのコードをコピー&ペーストする
( →「このスライドショーがなんと、、」の下にある、黒い枠内の
<div id="carouselExample~"> から </a> </div> まで丸ごと)
- コピー&ペーストした後、画像元を指定する「 src="..." 」の3箇所を探し、
「src="さっきメモした「画像のソース」の文字列" 」に書き換える
(例の場合だと、「 src="/test01/file/2" 」「 src="/test01/file/3" 」
「 src="/test01/file/4" 」のようにそれぞれ書き換える)
- [OK]ボタン →[変更確定]ボタンをクリックする
--- ---
これで3枚の画像がクルクルと回って表示されるはずです。